Learn CSS Variables by Building a City Skyline - Step 77

Tell us what’s happening:

I can’t figure out why its not working.
It keeps saying I need to give .fb1c a background with a 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),
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/124.0.0.0 Safari/537.36

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 77

The variable name should be --building-color4 and there is no space between var and the parentheses ()

.fb1c{
width: 100%;
height: 80%;
background: repeating-linear-gradient(
90deg,
var(-–building-color4),
var(–building-color4) 10%,
transparent 10%,
transparent 15%,
)
}
I changed it! but its still telling me its wrong

This not correct. hyphens is didn’t matchs.

Remove comma from This

Thank you it finally worked!!!

1 Like

Your welcome, happy Coding.