Hello good day guys, please I need some help with this

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

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

Challenge: Improve Compatibility with Browser Fallbacks

Link to the challenge:

Hello there.

Do you have a question?

If so, please edit your post to include it in the Tell us what’s happening section.

Learning to describe problems is an important part of learning how to code.

Also, the more information you give us, the more likely we are to be able to help.


The instructions say to
add another background declaration right before the existing declaration and set its value to red

The background declaration you have has a value of var(--red-color,red)

Hi ! It looks like you declared another variable before the already stablished variable for the challenge. The challenge is not requiring to declare another variable before that one just declare the color.

I hope this explanation helps.