Did not understand this one

Tell us what’s happening:

Your code so far


<style>
body {
  background: red;
}

  :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.1; Win64; x64; rv:65.0) Gecko/20100101 Firefox/65.0.

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

You should have multiple background declarations, and if the browser doesn’t support var(--red-color) it will still have a background color of red (which should be set before)

For eg. go to this Gradient Generator and you’ll see in the CSS they have multiple declarations. The first one is the fallback.

how to assign for this one?

Thank you for helping out :slight_smile:

1 Like

Glad I could help! Have fun coding :wink:

1 Like