How to improve it?

HTML-CSS
1

What’s the mistake in my code?
my code so far


<style>
:root {
  --red-color: red;
}
.red-box {
  background: red; /*this is the browser fallback */
 background: var(--red-colour);
  height: 200px;
  width:200px;
}
</style>
<div class="red-box"></div>

Challenge: Improve Compatibility with Browser Fallbacks

Link to the challenge:

2

Hi!
Your spelling for color aren’t correct. You have to write it in American English.
The spellings colour are in British English.
I also got confused with this in the start.

3

I tried color also but its not correct.

4

Remove the comment , it will work this time.

5

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