Learn CSS Variables by Building a City Skyline - Step 51

HTML-CSS
1

hi guys i am stuck with this step, i can’t understand what i am doing wrong, i already read a couple of topics about that and the answer was similar to what i was writing on my code ( i was missing the var().) then i tried again as below, but it keep showing me the message that “i should have a linear-gradient transitioning from --building-color2 at 0% to 6%, and --window-color2 at 6% to 9%”. The funny thing is that if i change the 9% with another number the message change and it says that “i should use --window-color2 from 6% to 9%.” seems like that is the only mistake.
i cant figure that out please help, thank you!


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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/119.0

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 51

2 Likes
2

Hello @berga ! Nice to see you back in the community!

Remove the comma behind here and it will pass.

Happy coding!

1 Like
3

Hi @berga Welcome back.
You do not need to specify that zero percentage, just have a comma here.

This variable is the last one. I always picture it as the last item in a list, the last item in a list doesn’t need a comma. Only have the percentage.

2 Likes
4

thank you very much :star_struck:

1 Like
5

thank you very much :sweat_smile:

1 Like
6

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