Learn CSS Variables by Building a City Skyline - Step 60

HTML-CSS
1

I don’t get where does I miss on this one , can anyone tell me pls:
Describe your issue in detail here.

Your code so far

image
image1267×1333 103 KB

/* User Editable Region */

.bb3 {
width: 10%;
height: 55%;
background-color: var(–building-color3);
background: repeating-linear-gradient(
90deg,
var(–building-color3),
var(–building-color3)7.5%,
var(–window-color3)15%);
)
}


**Your browser information:**

User Agent is: <code>Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6,2 Safari/605.1.15</code>

**Challenge:**  Learn CSS Variables by Building a City Skyline - Step 60

**Link to the challenge:**
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-variables-by-building-a-city-skyline/step-60
2

if you read the challenge again, you will notice something you missed.
They are trying to teach you what happens when you -do not- specify each stopping point for each color.

1 Like
3

I don’t get for the hint
“ You should use --window-color3 at 15% for the third color.”
I have a little confused for fixing this one

4

This one is correct. The problem is the other ones.
You need to read the step again to understand why.

6

background: repeating-linear-gradient(
90deg,
var(–building-color3),
var(–building-color3)7.5%,
var(–window-color3)15%);
) ;

I try to have more space but it didn’t pass yet , do you have anything to recommend me on this one

7

Same as before, you should read the exercise again. You are missing the point.
(they want you to learn something about what happens when you don’t specify all the color stop points)

If you need help understanding something, you can copy the instructions here and let us know what you didn’t understand.

8

var(–window-color3)15%)
);
}

I’m confused on this past sir , can you explain to me pls

9

that is not the instructions. Please read the instructions in the exercise. If you don’t understand something you are reading, you can copy the instruction here for more help.

10

gradient-type(
direction,
color1,
color2
);

Is this a instruction that you want ? , sorry if I misunderstand

11

background: repeating-linear-gradient(
90deg,
var(–building-color3),
var(–building-color3)7.5%,
var(–window-color3)15%
);

This one was my code that I write and it have a problem :joy::man_bowing:t2:

12

no, this is not the instruction. What you pasted doesn’t have any instructions.
When you read the step, there are words there that explain what they want you to do.
You are supposed to read those words and try to understand the intention behind them.
If you are having trouble understanding what they want you to do, you need to copy the specific part of the instruction that you didn’t understand and show it to us here so we can explain it to you.

Edit:
here are the -actual- instructions.

Fill in .bb3 with a repeating-linear-gradient . Use 90deg for the direction, your building-color3 for the first two colors, and window-color3 at 15% for the third. When you don’t specify a distance for a color, it will use the values that makes sense. In this case, the first two colors will default to 0% and 7.5% because it starts at 0% , and 7.5% is half of the 15% .

13

Ok I git what you want to mean now , sorry for my misunderstanding

14

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.