Learn CSS Variables by Building a City Skyline - Step 105

HTML-CSS
1

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:

2

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

1 Like
3

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
4

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.

5

It works restart the lesson oh my … TANKS

1 Like
6

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