Improve Compatibility with Browser Fallbacks-how do i do it?

HTML-CSS
1

i need help plz

  **Your code so far**


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

  background: var(--red-color);
  height: 200px;
  width:200px;
  background: red;
}
</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/92.0.4515.131 Safari/537.36

Challenge: Improve Compatibility with Browser Fallbacks

Link to the challenge:

2

On the empty line inside the .red-box selector just set background to red.

If the browser understands variables it will use the following line to set the color again, otherwise, it will just skip it and use the background color that was set before it.

1 Like
3

Thanks so much for your answer

4

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