Learn CSS Variables by Building a City Skyline - Step 78

Tell us what’s happening:

All I did was add the “,” after the first color gradient, as instructed, as this is the only way for the second gradient to read properly, and it says I cannot alter the first repeating-linear-gradient. This is the first time I’ve truly been stuck, and It’s driving me nuts.

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(
      var(--building-color4),
      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/122.0.0.0 Safari/537.36

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 78

you have a syntax error here, it makes all the rule not be recognised

1 Like

omfg thank you, the irony of finally figuring out the proper code only to have an error… lmao, shake it off and move on, thank you my friend :slight_smile: