Fallback value not accepted by testing platform

Tell us what’s happening:

//This code does is not approved by the platform as a fallback value…what do I do here?

Your code so far


<style>
  :root {
    --red-color: red;
  }
  .red-box {
    
    background: var(--red-color, red);
    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/72.0.3626.121 Safari/537.36.

// running tests

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

// tests completed

I get this when I run the test

You don’t have a fallback immediately before the existing background declaration, just a blank line where your change is supposed to be.

I tried putting something and I get the same error, the fall back is after the comma in the BACKGROUND declaration

That isn’t how the instructions told you to do it, and therefore not what it’s testing for.

kindly shed some light

Read the challenge description and instructions again carefully.

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.