How do I Improve Compatibility with Browser Fallbacks?

HTML-CSS
1

Please help!

How do I set my .red-boxrule in the following code such that I include a fallback with thebackgroundset to red immediately before the existingbackground` declaration?

Thank you.

:root { --red-color: red; } .red-box { background: var(--red-color); height: 200px; width:200px; }
```

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.132 Safari/537.36.

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

2

look at the .red-box selector declarations, there is an empy line right above the background rule. You need to add in that empty line a background declaration that doesn’t use variables so that browsers that are not compatible with variables can still give a color to the background

3

before the background variable let there be a background that carries the red with out the variable

4

Thanks guys.

I 've edited the code and it’s working now.

Regards.