Learn CSS Variables by Building a City Skyline - Step 104

HTML-CSS
1

Tell us what’s happening:

it says i don’t have background property when I clearly have

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%,
  var(building-color2) 5%,
  transparant 5%,
  transparant 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/127.0.0.0 Safari/537.36

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 104

the error says You should give .fb5 a background property.

2

Please re-check the variable name. Did you miss something?

And typo:

3

either way it says the same errror

4

Is the variable name for building color the same as in this line?

Did you correct the typo to transparent?

Could you post the updated code?

5

i tried both but it came with the same error "You should give .fb5 a background property.

"

6

There are 2 - before the color name, not 1:

--building-color2
7

i have already done that i don’t know why it looks like one big line when I type it –
but in my code there is 2 lines

8

i managed to find the problem the error is misleading but you need to type it correctly and make sure the brackets are in the right place that was my mistake

thanks for the support toan

1 Like