Learn CSS Variables by Building a City Skyline - Step 105

Tell us what’s happening:
You should give .fb5 a second repeating-linear-gradient in the background property.
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.

 background: repeating-linear-gradient(
      90deg,
      var(--building-color2),
      var(--building-color2) 5%,
      var(--window-color2) 5%,
      var(--window-color2) 10%
      ),
      repeating-linear-gradient(
      90deg,
      var(--building-color2),
      var(--building-color2) 12%,
      var(--window-color2) 12%,
      var(--window-color2) 44%
      );

Your browser information:

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

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

Link to the challenge:

try this one
background: repeating-linear-gradient(
var(–building-color2),
var(–building-color2) 5%,
transparent 5%,
transparent 10%
),
Mod edit: solution redacted
);

1 Like

Hi there,

Instead of posting the solution please guide the original poster with a hint or tip of suggestion on what to change in his code if you see an error.

Thanks.

1 Like

Hi there,

It looks like you changed the first repeating-linear-gradient and that should not have been changed at all. Your second repeating-linear-gradient looks okay but it won’t work unless you undo the changes you did to the first one.

Therefore, please click the reset button and add the new gradient without modifying the old one that was there.

It works restart the lesson oh my … TANKS

1 Like