Learn CSS Variables by Building a City Skyline - Step 77

HTML-CSS
1

Step 77

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%.

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36

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

Link to the challenge:

Hello I put the code

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

can you help me what is the error in my code plis
}

2

welcome to the community

you seem to be having two problems. the first is your var(--building-color4)
should be written using--

transparent is not a variable you have created, therefor does not need, var()

3

to show code to the community you can use backtic `

if you cannot find a backtic on your keyboard you can use ALT+096

one backtic at the start and end of one line:
<a>dummy text</a>

three backtics at the start and end of a code block:

<header>
    <h1>dummy text</h1>
</header>
4

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