Background linear gradient not taking

HTML-CSS
1

hi there, here’s the question:

Step 44

Gradients can use as many colors as you want like this:

gradient-type(
  color1,
  color2,
  color3
);

Add a linear-gradient to .bb1d with orange as the first color, --building-color1 as the second, and --window-color1 as the third. Remember to use the gradient on the background property.

Here’s my answer:

.bb1d {
width: 100%;
height: 70%;
background-color: var(–building-color1);
background: linear-gradient(orange, --building-color1, --window-color1);
}

Here’s the error message:

Test

Sorry, your code does not pass. Hang in there.

Hint

You should use the background on .bb1d.

What am I doing wrong here?

***Update: silly me. Here’s the right answer:

.bb1d {
width: 100%;
height: 70%;
background-color: var(–building-color1);
background: linear-gradient(orange, var(–building-color1), var(–window-color1));
}

2 Likes
2

Please edit your article to add the code and the step link

3

Hi

Can I ask how you worked out your solution? I did exactly as yourself but it still says to use the background on .bb1d

3 Likes
4

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