Learn CSS Variables by Building a City Skyline - Step 78

HTML-CSS
1

Step 78:
You can add multiple gradients to an element by separating them with a comma (,) like this:

gradient1(
  colors
),
gradient2(
  colors
);

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.

Error:

You should add a repeating-linear-gradient with a first color of --building-color4 from 0% to 10% .

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

whats wrong??

2

Notice the error you are getting here
" You should add a repeating-linear-gradient with a first color of --building-color4 from 0% to 10% ."

and what you are doing here just for an example of the first one
“var(–building-color4) 0%,”

Do you see a difference between the building-color in the error message and the one you are using?

1 Like
3

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