How can i solve this problem/

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);
  height: 200px;
  width:200px;
}
</style>
<div class="red-box"></div>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.198 Safari/537.36

Challenge: Improve Compatibility with Browser Fallbacks

Link to the challenge:

Your code is correct. What is wrong here is →

In this line, remove the comment . You could comment it correctly but the Freecodecamp tests wont pass if you include the comment. So remove the comment for now.
\

Btw,
Css comments have the following syntax /* */
and not /* /*

Good luck :v:

it didn’t work after removing the comment

Send your updated code.

:root { --red-color: red; } .red-box { background: red; /* */ this is the browser fallback/* /* background: var(--red-color); height: 200px; width:200px; }
:root { --red-color: red; } .red-box { background: var(--red-color); height: 200px; width:200px; }

You were only supposed to remove the comment, not the whole line.

Remove the /* this is the the browser fallback/* from your initial code. Its syntatically wrong and messed with the fcc tests .

Im not supposed to give a direct answer so think hard and read your code and the instructions and find out whats going on.

I suggest reading through the lesson carefully and understanding what a fallback means and how css gives priority when styling elements. If you dont understand, ask the freecodecamp community via this forum.

Tip: fallbacks are placed before your real or intended background or whateveryouneedtouse .

yes, thanks it worked

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