Learn HTML by Building a City Skyline - Step 44

HTML-CSS
1

First time poster, not sure how to get all the required info in.

Anyway: I’m trying to complete this step the best I can. I’ve searched every help topic on this step, in this forum, and nothing seems to be moving me forward. I’ve tried removing the ‘var’ from --building-color1 and --window-color1, and then it will tell me to use background on .bb1d and i’m confused. Please help!

Step 44

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

Example Code

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.

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

Sorry, your code does not pass. Keep trying.

You should use --building-color1 as the second color in the linear-gradient.

2

when you close the parenthesis, the linear-gradient, ends. You need to add the second color after orange inside the parentheses

1 Like
3

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

gives me an error: You should use the background on .bb1d.

4

you are not using the proper way of getting values from variables

1 Like
5

I have reached a solution by adding my ‘var(…)’ and it worked. thank you! learning this new language is tough!