What am I doing wrong? I looked at the hint, and changed the code to look like the example given and I cannot proceed forward

Tell us what’s happening:

Your code so far


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

Challenge: Improve Compatibility with Browser Fallbacks

Link to the challenge:

Are you using a browser that changes the appearance of websites, such as enabling a dark mode? Those extensions interfere with the FCC test suite on CSS challenges. It’s recommended that you enable the dark mode in the settings instead so that you can pass challenges.

I tried to do it again in my curriculum and the test doesn’t pass anymore even with the right answer :confused: it worked few weeks ago though…

Edit/ Hahahaha but it works with explorer sooo, it should work in every other browser no ?