Learn CSS Variables by Building a City Skyline - Step 78

HTML-CSS
1

Tell us what’s happening:

You should use a second color of --window-color4 from 10% to 90% .

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.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

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

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

Link to the challenge:

2

Unfortunately, we can’t see your code. Please post your code.

Also, please describe in your own words what about that error message has you suck.

Thanks

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

Cool, now can you describe in your own words what about the error message has you stuck?

5

The error says:
Sorry, your code does not pass. Keep trying.
Hint:
You should use a second color of --window-color4 from 10% to 90% .
Everything seems written according to the instruction. but I couldn’t get the problem.

6

Try to compare content of the first repeating-linear-gradient you written with the second one. There is a syntax error. Can you spot it?

1 Like
7

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