Learn CSS Variables by Building a City Skyline - Step 77

HTML-CSS
1

Tell us what’s happening:

Everything is right, but it is still not working. I have tried retyping it all out multiple times and resetting it. The error is that I need to have a background of repeating-linear-gradient, which I already have.

Your code so far

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


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

.fb1c {
  width: 100%;
  height: 80%;
  background: repeating-linear-gradient(
    90deg,
    --building-color4,
    --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/130.0.0.0 Safari/537.36

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 77

2

When accessing a variable in css, you need to use the var function

1 Like
3

Thanks for the help! Using the var function worked

4

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