Learn CSS variables by Building a City Skyline - STEP 46

HTML-CSS
1

Hi, i cant pass this step. I think my code is good, but i cant pass.
Can somebody help me please?
Thanks a lot!

Step 46

You can specify where you want a gradient transition to complete by adding it to the color like this:

gradient-type(
  color1,
  color2 20%,
  color3
);

Here, it will transition from color1 to color2 between 0% and 20% of the element and then transition to color3 for the rest. Add 80% to the --building-color1 color of the .bb1d gradient so you can see it in action.

Here is my CSS code:

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

And here the result of test:

Test
Sorry, your code does not pass. Try again.

Hint
You should add a value of 80% to the --building-color1 color in the linear-gradient of .bb1d.

2

Your colors have only one dash in front of them. Retake a look at the instruction to see what they should look like.
Also, attach the link to the challenge.

3

Thanks for your answer.
The editor is showing my code bad: my code have two dashes. Sorry, about that. I paste my code again, i hope in a well format:

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

Thanks again for your support.
Nicolás.

4

The instruction: " Add 80% to the --building-color1 color of the .bb1d gradient so you can see it in action."
No requirement for adding 20% to the second color.

1 Like
5

You are right! It works now.
Thanks a lot!
N.

1 Like
6

I am having the same issue:

[my code so far]
.bb1d {
width: 100%;
height: 70%;
background: linear-gradient(
orange,
var(–building-color1)80%,
var(–window-color1),
);
}

Hint

You should add a value of 80% to the --building-color1 color in the linear-gradient of .bb1d.

7

Please dont use another users topic for help with your own code

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Ask for Help button located on the challenge (it looks like a question mark). This button only appears if you have tried to submit an answer at least three times.

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

8