Won't pass test

HTML-CSS
1

Tell us what’s happening:

Your code so far


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

<div class="red box"></div>

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS armv7l 12105.100.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.144 Safari/537.36.

Challenge: Improve Compatibility with Browser Fallbacks

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks

2

you deleted the closing tag </style>

3

Hello ahudnall24,

This is the div in the original code: <div class="red-box"></div>
This is the div in your code: <div class="red box"></div>

I hope this helps you figure it out.

Most of the time, unless the exercise explicitly says so, you shouldn’t change the code in the original challenge, just add to it.

4

I think you also need to keep height: 200px; before width: 200px; as the original code has it for the tests to work.

As @lucassorenson said, it’s best to only change what the instructions say to change and leave the rest of the code exactly the same. If you mess up, you can reset the challenge and start again with fresh code.