Learn CSS Variables by Building a City Skyline - Step 78

HTML-CSS
1

Tell us what’s happening:

its says You should add a repeating-linear-gradient with a first color of --building-color4 from 0% to 10%.
I already did.

Your code so far

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


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

.fb1c {
  width: 100%;
  height: 80%;
  background: 
    /* First gradient */
    repeating-linear-gradient(
      90deg,
      var(--building-color4) 0%,
      var(--building-color4) 10%,
      transparent 10%,
      transparent 15%
    ),
    /* Second gradient */
    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/138.0.0.0 Safari/537.36

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 78

2

Remove 90deg from the second one

3

still the same problem

4

Please reset this step and try again. You have added 0% to the first gradient, but that was not in the given code.

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

same problem :frowning:

6

Remove 0% from the second gradient, too, please.

7

same problem my friend :frowning:

8

Okay. You are not referencing your colors correctly in the second gradient. I just noticed that. There should be two – before the color.

9

same problem my friend

10

Post your updated code please.

11

if you are still not passing you have other issues, try removing the comments, reset the step to make sure you have not changed anything else around, etc