Learn CSS Variables by Building a City Skyline - Step 78

Hi, It keeps telling me I “You should not alter the first repeating-linear-gradient .” but the only thing I have to add is the comma before my second linear gradient because its not there when I went onto or reset the code.

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.


.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) 0%,
var(–building-color4) 10%,
var(–window-color4) 10%,
var(–window-color4) 90%
);
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.1 Safari/605.1.15

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 78

Hello!

It appears the second repeating-linear-gradient is missing one of the dashes before each variable color. It appears there is only one when the two are compared.

As well, I suggest removing all of the space between the end of the first one, where the comma to separate them should be, and just hit the return to place the second one below that.

I hope this helps.

Happy coding!

2 Likes

Thank you very much!

1 Like

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