Learn CSS Variables by Building a City Skyline - Step 105

HTML-CSS
1

Losing my mind.

  width: 10%;
  height: 33%;
  background-color: var(--building-color2);
  position: relative;
  right: 10%;
  background: repeating-linear-gradient(
      var(--building-color1),
      var(--building-color1) 10%,
      transparent 10%,
      transparent 15%
    ),
    repeating-linear-gradient(
      90deg,
      var(--building-color1),
      var(--building-color1) 12%,
      var(--window-color2) 12%,
      var(--window-color2) 44%
    );   
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36

Challenge: Learn CSS Variables by Building a City Skyline - Step 105

Link to the challenge:

2

hello andrewteece

try this

Mod edit: removed code

1 Like
3

Thanks, but I get the same error.

4

Are you sure you ave no typo in it? it worked for me

5 
right: 10%;
  background: repeating-linear-gradient(
      var(--building-color1),
      var(--building-color1) 10%,
      transparent 10%,
      transparent 15%
    ),
    repeating-linear-gradient(
      90deg,
      var(--building-color2),
      var(--building-color2) 12%,
      var(--window-color2)12%,
      var(--window-color2)44%
    );
}
6

Go it. Thanks so much for your help!

1 Like
7

Thank you, it also helped (I didn’t put a comma after the first property, and was wondering where the mistake was)