Learn CSS Variables by Building a City Skyline - Step 78

HTML-CSS
1

Tell us what’s happening:

My code does not work. I tried switching the order of the gradients like some posts suggest but still did not work. Even chat gpt found no issue with my code

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) 0%,
      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/141.0.0.0 Safari/537.36 Edg/141.0.0.0

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 78

2

Hi @pyrus and welcome to our community!

ChatGPT doesn’t understand your code. It’s rarely a good idea to rely on AI for debugging or as an aid to learning, in such situations.

Your code is fine except that you shouldn’t include the 90deg value in your second repeating-linear-gradient.