Learn CSS Variables by Building a City Skyline - Step 78

Tell us what’s happening:

I did everything i was told to do but my code keeps failing. It says, I should add a repeating-linear-gradient below the one that is already there but it keeps failing , I see no spelling mistake.

Your code so far

<!-- file: index.html -->

/* file: styles.css */
/* User Editable Region */

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

  );
}

/* User Editable Region */

Your browser information:

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

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 78

try without the degree value in the new repeating linear gradient

Hi there!

  1. You don’t have to set this again
  1. This comma is redundant

Thank you, it worked now

1 Like