Improve Compatibility with Browser Fallbacks help me

Tell us what’s happening:

Your code so far


<style>

  :root {
    background:var(--red-box,red);
    --red-color: red;
  }
  .red-box {
    
    background: var(--red-color);
    height: 200px;
    width:200px;
  }
</style>
<div class="red-box"></div>

Don’t add a new css rule to :root, you need to make sure that the background of .red-box shows up even if the browser doesn’t understand variables. To do that you need to add a css rule for the background to .red-box that doesn’t use variables

1 Like