Learn CSS Variables by Building a City Skyline - Step 107

HTML-CSS
1

Tell us what’s happening:
Okay, this is the task:

Add a repeating gradient to it with a 90deg direction. Use the building color from 0% to 10% and transparent from 10% to 30% .

My code is not passing and I’m getting this Hint:

You should add a repeating-linear-gradient to .fb6 in the background property.

Your code so far

.fb6 {
  width: 9%;
  height: 38%;
  background-color: var(--building-color3);
  background: repeating-linear-gradient(
    90deg,
    var (--building-color3),
    var (--building-color3) 10%,
    transparent 10%,
    transparent 30%
  )
}

What am I doing wrong?

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36

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

Link to the challenge:

2

var is a function so the bracket must be directly after it (no spaces between the word var and the bracket)

3

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