Tell us what’s happening:
hi , does anyone help me with this , i dont understand the requirement
Your code so far
<style>
:root {
--red-color: red;
}
.red-box {
background: var(--red-color,red);
height: 200px;
width:200px;
}
</style>
<div class="red-box"></div>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.142 Safari/537.36
.
Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks
Your .red-box
rule should include a fallback with the background
set to red immediately before the existing background
declaration.
just wants you to set another background property to equal red right before the existing one
sometimes old broswers wont be able to use variables in the css. so you just have to set it the old fashioned way
it is still not working bro
:root {
--red-color: red;
}
.red-box {
background: var(--red-color,black);
background: var(--red-color,red);
height: 200px;
width:200px;
}
\
ilenia
4
This is not the old fashioned way - it still used variables. This can’t be read by old browsers and the background color is still not set
Also, you may want to reset your code, any change to the existing code will make you not pass the tests