Improve Compatibility with Browser Fallbacks

Tell us what’s happening:

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/68.0.3440.106 Safari/537.36.

Link to the challenge:

so You gotta add line with background color red before the exsiting line!@!

just add:

background: red;

in your .red-box css style to fix the fallback, so now you hava two declaration of background to anticipate if one of the declaration fail loaded by browser.

Yeah its work two same declaration not loads so i put the normal one in the top and its works fine
thank u

it’s not working in this case