Learn CSS Variables by Building a City Skyline - Step 104

HTML-CSS
1

Tell us what’s happening:

// running tests You should give the

repeating-linear-gradient

a first color of

--building-color2

from

0%

to

5%

. You should give the

repeating-linear-gradient

a second color of

transparent

from

5%

to

10%

. // tests completed.

Your code so far

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


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

.fb5 {
  width: 10%;
  height: 33%;
  background-color: var(--building-color2);
  position: relative;
  right: 10%;
  background: 
    repeating-linear-gradient(90deg, var(--building-color2)0% 5%),
    repeating-linear-gradient(90deg, transparent 5%, transparent 10%);


}


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

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 104

2

You should only have one linear gradient for everything not two

You can see more about linear-gradients here

3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.