Compatibility with Browser Fallbacks

HTML-CSS
1

Tell us what’s happeniing

can someone explain? Your .red-box rule should include a fallback with the background set to red immediately before the existing background declaration.

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 10.0; 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

Ok it s real easy, just add

background: red;

above background: var(–red-color,);

3

Thank you Orister for the response but i have tried to add

background: red;

above background: var(–red-color,); it still did not work for me.
Any suggestions? what could be the problem?

Lucy.

4

background: var(–red-color,red);

5

try it background: var(–red-color,red);

6

remove the “,” at the end of your var() and my solution passes.

7

It did not accept it…

8

Hi.
I’ve the same error and found the solution.
Just reset all the code and add above the variable this:
background:red;
That just let me finish the lesson.
Hope it works for everyone.