Improve Compatibility with Browser Fallbacks solution

Improve Compatibility with Browser Fallbacks solution
0

#1

Tell us what’s happening:
It looks like a variable is being used to set the background color of the .red-box class. Let’s improve our browser compatibility by adding another background declaration right before the existing declaration and set its value to red. pls in need solution to this challenge

Your code so far


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

Your browser information:

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

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks/


#2

Read this line carefully.

This is your existing background declaration.

Try solving now.