Cascading Style Sheets

Tell us what’s happening:
i need help with the browser fallback.

Your code so far

:root {
  --red-color: red;
.red-box {
  background: var(--red-color);
  background:red;  /*this is the browser fallback*/
  height: 200px;
<div class="red-box"></div>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Safari/537.36.

Challenge: Improve Compatibility with Browser Fallbacks

Link to the challenge:

the background set to red immediately
before the existing background declaration

You need to put your fallback BEFORE the existing line, not after.


Thank You. That helped me to solve the problem.