HELPMe i couldn't go on without u guys

anybody can explain for me? i dont understand :’(

Your code so far


<style>
:root {
  --red-color: red;
}
.red-box {

  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 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) coc_coc_browser/85.0.134 Chrome/79.0.3945.134 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

what do you not understand?

how variables work?

what’s a fallback value?

what’s a browser fallback?

please, explain to us what you need explained

1 Like

@tuann13
The lesson here is to teach us browser compatibility issue. Consider it as a language barrier between your browser and code. Modern browsers support css where as some old ones don’t. So we have to think for it in advance while designing our projects. To do that we have to add an extra/fallback so that the browser will not use its default settings.

1 Like

i mean everythings but anyway thank you very much