Help I am stuck

HTML-CSS
1

I’m having trouble figuring out how to add another background pls help!!

Your code so far


<style>
:root {
  --black-color: black;
}
.black-box {
  background: black;
  background: var(--black-color);
  width: 100px;
  height: 100px;
}
}
</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/80.0.3987.132 Safari/537.36.

Challenge: Improve Compatibility with Browser Fallbacks

Link to the challenge:

2

before style ,extra } need remove.
change
“black-box” to “red-box” // to be consistant
“–black-color” to “–red-color” // required
background: “black” to “red” // required

1 Like