diff --git a/guide/english/certifications/responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks/index.md b/guide/english/certifications/responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks/index.md new file mode 100644 index 00000000000..fd6e9543e9a --- /dev/null +++ b/guide/english/certifications/responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks/index.md @@ -0,0 +1,37 @@ +--- +title: Improve Compatibility with Browser Fallbacks +--- +## Improve Compatibility with Browser Fallbacks + + +We need to add a fallback to the ```background``` property of the ```.black-box`` class. + +### Example + +```css + :root { + --black-color: black; + } + .black-box { + background: var(--black-color); + width: 100px; + height: 100px; + } +``` + +## Solution + +Add a fallback to the ```background``` property before the existing background declaration: + +```css + :root { + --black-color: black; + } + .black-box { + background: black; + background: var(--black-color); + width: 100px; + height: 100px; + } +``` +