Tell us what’s happening: 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%.
Sorry, your code does not pass. Keep trying.
You should use a second color of transparent from 10% to 15%
Your code so far
WARNING
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.
.fb1c {
width: 100%;
height: 80%;
background: repeating-linear-gradient(
90deg,
var(--building-color4) 0%,
var(--building-color4) 10%,
transparent 10%,
transparent 15%,
);
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
Challenge Information:
Learn CSS Variables by Building a City Skyline - Step 77