Build a City Skyline - Step 101

HTML-CSS
1

Tell us what’s happening:

It says: You should give the repeating-linear-gradient a first color of --building-color2 from 0% to 5%. but… its there, no?

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(
    var(--building-color2) 0 5%,
    transparent 5% 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/136.0.0.0 Safari/537.36

Challenge Information:

Build a City Skyline - Step 101

2

I don’t think it accepts the two color-stops syntax

3

if you mean to just put 5% on the var and the 10% transparency, that didnt do it

4

no, you need to have two times each color, and give them one percentage at a time, like in the other linear gradient you wrote earlier