What is exactly asked in this

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<style>
:root {
  --red-color: red;
}
.red-box {

  background: red;
  height: 200px;
  width:200px;
}
</style>
<div class="red-box root"></div>
  **Your browser information:**

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

Challenge: Improve Compatibility with Browser Fallbacks

Link to the challenge:

You should not remove background: var(--red-color);, just add what you did right before it.

If the browser does not support variables it will start by setting the background as normal and then just ignore the next line where a variable is used. So the background color still works even if the browser doesn’t support variables.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.