Improve Compatibility with Browser Fallbacks help me

Tell us what’s happening:

Your code so far


  :root {
    --red-color: red;
  .red-box {
    background: var(--red-color);
    height: 200px;
<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