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.

#3

Hello!
I am new using freecodecamp. I am stocked with this problem.
I normally watch the videos but this problem doesn’t have one to explain how to solve it.

Please help.

Thanks.

#4

You need to post your code to receive help

1 Like
#5

I didn’t know that.
Thank you.