Compatibility with Browser Fallbacks is TOTALY NOT WORKING- PLEASE HELP

Tell us what’s happening:
To be honest in this challenge where I am supposed to improve compatability with browser fallbacks…I think iI got it right but it won’t allow e to proceed as it says I am wrong…please could i get some assistance because even after doing what the hint said …It still won’t allow me to proceed and also this challenge has no video assistance…I am kind of stuck and need assistance…please.

Your code so far


<style>
.root {
  --red-color: red;
}
.red-box {
  background:red;
  background:var(--red-color,red);
  height:200px;
  width:200px;
}
</style>
<div class="red-box"></div>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.122 Safari/537.36.

Challenge: Improve Compatibility with Browser Fallbacks

Link to the challenge:

That is where the problem is. It should look like.

  background:red;
  background:var(--red-color);
 
1 Like

Thanks…i did not realize…but now it worked…I am totaly greatful