Issues with Step 35 of Learn CSS Variables by Building a City Skyline

Here is what the step instructs you to do.

Step 35
The skyline is coming together. Fill in the background-color property of the foreground buildings. Use your --building-color1 variable to fill in .fb3 and .fb4, --building-color2 for .fb5, --building-color3 for .fb2 and .fb6, and --building-color4 for .fb1.

Here’s my answer that is not passing. What am I missing??

.fb1 {
  width: 10%;
  height: 60%;
  background-color: --building-color4;
}

.fb2 {
  width: 10%;
  height: 40%;
  background-color: --building-color3;
}

.fb3 {
  width: 10%;
  height: 35%;
  background-color: --building-color1;
}

.fb4 {
  width: 8%;
  height: 45%;
  background-color: --building-color1;
}

.fb5 {
  width: 10%;
  height: 33%;
  background-color: --building-color2;
}

.fb6 {
  width: 9%;
  height: 38%;
  background-color: --building-color3;
}

uh-oh.
You are trying to reference variables but yup, you are missing something…

(it is a css function)

Ah…var! Thank you very much!

1 Like

We have blurred this solution so that users who have not completed this challenge can read the discussion in this thread without giving away the solution.

1 Like