Improve Compatibility with Browser Fallbacks 5

Tell us what’s happening:

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.

trying to answer this but it really confuses me anyone here can help?

Your code so far


<style>
  :root {
    --red-color: red;
  }
  .red-box {
    background-color: red;
    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/71.0.3578.98 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks

A “fallback” for a property is a backup value for the same property. You did not create a fallback for background.

1 Like