hey guys! I got a problem over here, I don’t know how to improve the browser compatibility by adding another background declaration right before the existing declaration. It has to be red!
:root {
--red-color: red;
}
}
.red-box {
/* you need to add your compatible declaration here */
background: var(--red-color); /* this is the existing declaration */
height: 900px;
width:500px;
}
this would give you red text because the second rule overrides the first.
with browser fallbacks, you write a rule first intended for browsers that do not support variables, then immediately after that rule you write another rule that either overrides it if the browser does support variables or it is ignored if the browser does not support variables