Compatibility with Browser Fallbacks

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

  :root {
    --red-color: red;
  .red-box {
    background: var(--red-color,);
    height: 200px;
<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:

Ok it s real easy, just add

background: red;

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

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?


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

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

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

It did not accept it…

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