Hello, can you help me please, can't understand what's going on here, i think my code should be good

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

  **Your code so far**

:root {
  --red-color: red;
.red-box {
  background: red;
  background: var(--red-color);
  height: 200px;
<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/94.0.4606.61 Safari/537.36

Challenge: Improve Compatibility with Browser Fallbacks

Link to the challenge:

This may not seem like a big deal but you changed the order of the width and height attributes. If you click the “Reset All Code” button you’ll see that height is before width. These tests can be very picky about changes like that, even if they don’t actually affect the final outcome. So just to be safe I would recommend you only change the minimum needed to complete these challenges and leave as much of the default code as possible alone or it might fool the test.

Put the height back before the width and it will pass.

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