I'm stack on here

Tell us what’s happening:
I’m stack on here, please help.

Your code so far


<style>
:root {
  background:var(--red-color red);
}
.red-box { 

background: color,red; 
  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/87.0.4280.141 Safari/537.36.

Challenge: Improve Compatibility with Browser Fallbacks

Link to the challenge:

Hi and welcome to the forum.

I think you have a capitalization typo

This isn’t the way to Declare Global Variables.

Should be:

:root {
  --red-color: red
}

As @JeremyLT says, you’ve got some typo’s in your .red-box class. “Background” should also be lowercase, and the value for the initial “background” property is not valid. Perhaps you mean “background-color: red”

1 Like