Creating fallbacks

Tell us what’s happening:

  **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; rv:85.0) Gecko/20100101 Firefox/85.0.

Challenge: Improve Compatibility with Browser Fallbacks

Link to the challenge:

Hi @ayomideawolope !

The issue is here

You don’t need to add the word color in there.

Once you remove that then the test will pass.

If you want to use the word background, just use “background-color: red”