From 5753263d43ef1c1eeee838a45e5d95df05054c5e Mon Sep 17 00:00:00 2001
From: Taras Yaskiv <taras.yaskiv@gmail.com>
Date: Tue, 25 Dec 2018 07:29:00 +0200
Subject: [PATCH] fix: add missing hint for 'improve compatibility with browser
 fallbacks' article (#34728)

---
 .../index.md                                  | 37 +++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 guide/english/certifications/responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks/index.md

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 0000000000..fd6e9543e9
--- /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
+
+<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds  -->
+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;
+  }
+```
+