Learn CSS Variables by Building a City Skyline - Step 77

HTML-CSS
1

Tell us what’s happening:

this is the hint I keep getting:
You should give .fb1c a background with a repeating-linear-gradient . Syntax problem, maybe?

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36

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

Link to the challenge:

2

Unfortunately, we cannot see any of your code

3

" .fb1c {
width: 100%;
height: 80%;
background: repeating-linear-gradient(
90deg,
var(–building-color4 0%),
var(–building-color4 10%),
transparent 10%,
transparent 15%
);
} "

4

sorry, I managed to screw up the link. Here is the question for this step:

Don’t worry about the space at the bottom, everything will get moved down later when you add some height to the element at the top of the building.

Add a repeating-linear-gradient to .fb1c with a 90deg angle, your --building-color4 from 0% to 10% and transparent from 10% to 15%.

5

The percentage should be outside the bracket.

1 Like
6

AHHHHH thank you! Did the same thing yesterday and forgot about it.

1 Like