Improve compatibility with browsers fallback

HTML-CSS
1

Tell us what’s happening:
I have a problem creating a fallback to the background variable I have done everything right but still giving me an error

Your code so far

 
<style>
:root {
  --red-color: red;
}
.red-box {
  backgroung: red;
  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 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.111 Safari/537.36.

Challenge: Improve Compatibility with Browser Fallbacks

Link to the challenge:

2

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

1 Like
3

Hi @newklam!

There is a typo.

1 Like
5

@jwilkins.oboe ooh yeah my mistake ss why its been giving me a headache, thanks ppreciated:)