Learn CSS Variables by Building a City Skyline - Step 44

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

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


**Your browser information:**

User Agent is: <code>Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36</code>

**Challenge:**  Learn CSS Variables by Building a City Skyline - Step 44

**Link to the challenge:**
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-variables-by-building-a-city-skyline/step-44

I'm getting the error message:
"Test
Sorry, your code does not pass. Try again.

Hint
You should use orange as the first color in the linear-gradient."

I'm not quite sure why, help!!
2

I’m getting the error message:
"Test
Sorry, your code does not pass. Try again.

Hint
You should use orange as the first color in the linear-gradient."

I’m not quite sure why, help!!

3

Post the link to the challenge here.

4

I re-typed “orange” and that cleared. Now I’m getting:
" Test
Sorry, your code does not pass. Keep trying.

Hint

You should use the background on .bb1d."

Link to the challenge is: https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-variables-by-building-a-city-skyline/step-44

5

The ‘orange’ is not defined as a variable. It is a color. You don’t need the var().

6

Thank you!!! That did it.

1 Like