Learn CSS Variables by Building a City Skyline - Step 77

HTML-CSS
1

Tell us what’s happening:

IPls help me to add "transparent from 10 to 15% " in the repeating linear gradient

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% ;
      )
}

/* 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/129.0.0.0 Safari/537.36

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 77

3

the semi-colon should be after the parenthesis, not after the %

also here, it should be comma not semi-colon

(you can see the red lines under the mistakes in the editor)

1 Like
4

Corrected that. Still cide not passd and its showing- . "You should use a second color of transparent from 10% to 15% …need to solve this

5

Hi there!

Post your updated code here.

6

Are you sure you don’t have a semicolon left in the wrong spot?

1 Like
7

transparent 10%,
transparent 15%
) ;
}

remove the semi-colon or comma after the last color, voila