Improve Compatibility with Browser Fallbacks-1

I’m having trouble with this one, there is not a video to help: Here is my code, what should I do?
/
/
/
<style>

:root {

–red-color: red;

}

.red-box {

background: var(–red-color,);

height: 200px;

width:200px;

}

</style>

<div class=“red-box”></div>
/
/
/

Try putting the following in the .red-box class along with the other stuff you already have in it. That is your fallback.

.red-box {
   background: red;
  background: var(--red-color);
}