Learn CSS Variables by Building a City Skyline - Step 78

HTML-CSS
1

Tell us what’s happening:
I have put in the repeating-linear -gradient with the two colors they state, with the corresponding percentages. But it still will not accept it as correct.

It says: “## Hint You should use a second color of --window-color4 from 10% to 90%.”

Your code so far

.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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36

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

Link to the challenge:

3

Hello and welcome to the forum! You shouldnt need a comma at the end here since nothing else comes after it.

4

Welcome to our community!

You have added the comma after the last color’s percentage. Delete it.

5

Thanks Cody…that was it. Silly little things like that throw me for a loop sometimes.

1 Like
6

No worries, it happens to all of us from time to time. The more you practice the skills, the easier these things will be able to spot for you.

7

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