Needed help hurry

HTML-CSS
1

Tell us what’s happening:

Your code so far


<style>
:root {
  --red-color: red;
}
.red-box {
 background:black;
  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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.198 Safari/537.36.

Challenge: Improve Compatibility with Browser Fallbacks

Link to the challenge:

2

Hello there.

Do you have a question?

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

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

3

Hey @akhilkumar!

Welcome to the forum!

As mentioned earlier you will receive better assistance from the forum if you tell us what is wrong.

After looking at your code and the instructions I am not sure why this is black.

FCC instructions
Let’s improve our browser compatibility by adding another background declaration right before the existing declaration and set its value to red.