Tell us what’s happening:
//This code does is not approved by the platform as a fallback value…what do I do here?
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 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.121 Safari/537.36
.
// running tests
Your .red-box rule should include a fallback with the background set to red immediately before the existing background declaration.
// tests completed
I get this when I run the test
You don’t have a fallback immediately before the existing background declaration, just a blank line where your change is supposed to be.
I tried putting something and I get the same error, the fall back is after the comma in the BACKGROUND declaration
That isn’t how the instructions told you to do it, and therefore not what it’s testing for.
Read the challenge description and instructions again carefully.
It looks like a variable is being used to set the background color of the .red-box
class. Let’s improve our browser compatibility by adding another background
declaration right before the existing declaration and set its value to red.