freeCodeCamp/guide/english/certifications/responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks/index.md

title

title
Improve Compatibility with Browser Fallbacks

Improve Compatibility with Browser Fallbacks

---

Problem Explanation

We need to add a fallback to the background property of the ```.black-box`` class.

Example:

  :root {
    --black-color: black;
  }
  .black-box {
    background: var(--black-color);
    width: 100px;
    height: 100px;
  }

---

Solutions

Solution 1 (Click to Show/Hide)

Add a fallback to the background property before the existing background declaration:

  :root {
    --black-color: black;
  }
  .black-box {
    background: black;
    background: var(--black-color);
    width: 100px;
    height: 100px;
  }