whats the issue in this code

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, red);
  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/100.0.4896.88 Safari/537.36

Challenge: Improve Compatibility with Browser Fallbacks

Link to the challenge:

Reread the instructions:

Let’s improve our browser compatibility by adding another background declaration right before the existing declaration and set its value to red.

That is not what you did.

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