Need Help with CSS

Hi, I am very confused with how to do this lesson. If you can help, that would be great!

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; rv:76.0) Gecko/20100101 Firefox/76.0.

Challenge: Improve Compatibility with Browser Fallbacks

Link to the challenge:

Hello~!

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

The CSS is set up for you. The instructions would like you to add a background declaration with the value red before the existing declaration ( background: var(--red-color).

Thank you! I got it!!

1 Like