Learn CSS Variables by Building a City Skyline - Step 78

Tell us what’s happening:

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

Stuck at step 78. It says:" Step 78

You can add multiple gradients to an element by separating them with a comma (,) like this:


Add a repeating-linear-gradient to .fb1c below the one that’s there; use your --building-color4 from 0% to 10% and --window-color4 from 10% and 90%. This will fill in behind the gradient you added last."

Your browser information:

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

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

Link to the challenge:
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-variables-by-building-a-city-skyline/step-78`Preformatted text`

1 Like

I don’t think I see a comma between your two repeating-linear-gradients.

I met the same mistake here, I didn’t miss the comma, but it repeatly remind me that you should not change the first repeating-linear-gradient element. I don’t even click it.