Please anybody with an idea how i can add fallback to this code, thanks

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

  **Your code so far**

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

  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/90.0.4430.93 Safari/537.36.

Challenge: Improve Compatibility with Browser Fallbacks

Link to the challenge:

I don’t see that you’ve tried anything. The instructions say Let’s improve our browser compatibility by adding another background declaration right before the existing declaration and set its value to red .

Is there something you don’t understand?

1 Like

Hi…
For this particular challenge, they just want you to declare background: red; before the line setting the background using the variable…
This is done because IE ignores CSS variables…

It doesn’t require the CSS fallback syntax…

Hope that helped!

1 Like

Thanks, I understand now

1 Like

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