Learn CSS Variables by Building a City Skyline - Step 108

Hey everyone! I have tried looking up what I am doing wrong but I cannot figure out what mistake I am making on this last step. Any help or hints are appreciated!

Step 108

Add another repeating gradient to this building; make it the same as the one you just added, except don’t add the 90deg direction and use your window color instead of the two transparent colors.

Hint: You should give .fb6 a second repeating-linear-gradient in the background property.

Your code so far

.fb6 {
width: 9%;
height: 38%;
background-color: var(–building-color3);
background: repeating-linear-gradient(
90deg,
var(–building-color3),
var(–building-color3) 10%,
transparent 10%,
transparent 30%
),
repeating-linear-gradient(
var(–building-color3),
var(–building-color3) 10%,
var(–window-color3) 10%,
var(–window-color3) 30%
);
}

please post a link to the challenge so we can try your code

https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-variables-by-building-a-city-skyline/step-108

hope this works

I’m not sure why but your dash symbol is not working for me.
If i replace your dashes with regular - minus symbols from my keyboard, I can pass the challenge.
Do you have a special language setting on your computer? Maybe try english and see if you can re-type the dashes?

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