Learn CSS Variables by Building a City Skyline - Step 78

HTML-CSS
1

Add a repeating-linear-gradient to .fb1c below the one that’s there; use your --building-color4 from 0% to 10% and --window-color4 from 10% and 90% . This will fill in behind the gradient you added last.

Please why won’t this work?

.fb1c {
width: 100%;
height: 80%;
background: repeating-linear-gradient(
90deg,
var(–building-color4),
var(–building-color4) 10%,
transparent 10%,
transparent 15%
)
repeating-linear-gradient(
var(–building-color4),
var(–building-color4)10%,
var(–window-color4)10%,
var(–window-color4)90%
)
}

2

Hello @kumeugene7 !

A few changes need to be made to the posted code.

The color all seem to have one long dash, which needs to be replaced by two short ones
Example:

from var(-building-color) to var(--building-color),

a comma needs to be placed at the end of the first repeating-linear-gradient.

Happy coding!

3

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