No logro comoprender este ejercicio

HTML-CSS
1

Tell us what’s happening:

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 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.87 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

Some older browsers do not now how to interpret the variable. When that happens it will be ignored and the background of the box will not be red.
What the lesson is asking you to do is define a background of red so that an older browser will give the box the color red.

You’re seeing the box as red now because your browser understands the variable.

1 Like