Https://learn.freecodecamp.org/responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks

Https://learn.freecodecamp.org/responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks
0

#1

https://learn.freecodecamp.org/responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks
not sure what I am doing wrong in this lesson as far as i can see I am assigning a fallback the same way i did in previous lessons but it is not working in this one. Anybody able to see what I am missing here?


#2

What is your current code? What else have you tried? What do the failing test say? What is behaving differently than you expect it to?


#3
:root { --red-color: red; } .red-box { background: color(red); var(--red-color); height: 200px; width:200px; }
this is the code im giving and it is telling me to place the fallback immediately before the current variable for background, which i think ive done above but theres something im obviously doing wrong here.

#4

That is not correct. It should be:

background: red;

#5

okay i tried that earlier i must’ve just missed the colon I’ll give it a try again. Thank you!


#6

Just tried inputting background: red; var(–red-color); still doesn’t work. Is it possible the lesson just isn’t working properly?


#7

fixed it, thank you!