Basic CSS - Improve Compatibility with Browser Fallbacks

HTML-CSS
#1

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<style>
:root {
--red-color: red;
}
.red-box {
background: red; /* this is the browser fallback */
background: var (--red-color);
width: 200px;
height: 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/104.0.0.0 Safari/537.36

Challenge: Basic CSS - Improve Compatibility with Browser Fallbacks

Link to the challenge:

#2

Reset the exercise and reload the page, then simply add a single line as requested without modifying anything else (do not add anything more than what was requested in the exercise)

#3

I just had to figure out what was causing the issue. Turns out, @miharbinarasab had changed the order of the width and height properties and that was causing the tests to fail. Also, I’m assuming that the comment was not actually in the solution but just added here for our sake.

Take @hbar1st’s advice. Only do exactly what the instructions ask and no more. While your unnecessary changes may still result in perfectly valid code, they will often fool the tests.