How can i Improve Compatibility with Browser Fallbacks

Tell us what’s happening:

Your code so far

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

Your browser information:

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

Challenge: Improve Compatibility with Browser Fallbacks

Link to the challenge:

fallback is not a valid css rule, remove that part. You don’t need to change the existing line.

Also, note that any comment you add may make the tests fail, so you may also want to try without this part:

1 Like

Thanks dear