Learn CSS Variable by Building a Skyline - Challenge 40

HTML-CSS
1

The challenge says

Add a linear-gradient to .bb2b that uses --building-color2 from 0% to 6% and --window-color2 from 6% to 9% .

This is my code for this challenge:

.bb2b {
  width: 100%;
  height: 100%;
  background: linear-gradient(
    var(--building-color2) 0%, 
    var(--building-color2) 6%, 
    var(--window-color2) 6%, 
    var(--window-color2 9%));
}

And it keeps saying:
Sorry, your code does not pass. Don’t give up.

You should give .bb2b a background property.

This is what I have done so far:

  1. Reset the lesson numerous times and sometimes I just paste back my code into it, other times I retyped the entire code.
  2. I closed off the window completed and then copy and pasted my code, and when that didn’t work I closed off the window and then copy and pasted my code. It still gives me the same prompt.
  3. I refreshed the page and then reset the lesson and typed in my code and it gave me the same exact prompt.

PLEASE HELP! I’m beyond frustrated at this point!

2

the percentage is inside the var function, put it outside

3

Welcome to the forum @rheannjoseph027

For step 40, target the .bb1a selector.
The two colours are var(--building-color1) and var(--window-color1)

Happy coding

4

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