Learn CSS Variables by Building a City Skyline - Step 78

HTML-CSS
1

Need help with figuring out this step:

Step 78

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

gradient1(
  colors
),
gradient2(
  colors
);

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.

Here’s my code:

.fb1c {
  width: 100%;
  height: 80%;
  background: repeating-linear-gradient(
      90deg,
      var(--building-color4),
      var(--building-color4) 10%,
      transparent 10%,
      transparent 15%
    );
  background: repeating-linear-gradient( 
     var(--building-color4)0 10%
      ),  
      repeating-linear-gradient(
        var(--window-color4)10 90%
   );
}

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

Link to the challenge:

2

I think the instructions say to add 1 gradient with 2 colours but you added 2 gradients with 1 colour each.

3

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

6

Thanks for the suggestion. unfortunately my code is still not working

7

Can you share the newest code