From 86bf84264ef0930feb0c5b57f1ccb54f994a0521 Mon Sep 17 00:00:00 2001
From: Gregory Gubarev <g.gubarev63@gmail.com>
Date: Sun, 21 Oct 2018 06:56:40 +0400
Subject: [PATCH] Responsive Web Design: Added hint to Attach a Fallback Value
 to a CSS Variable (#19594)

Added hint to Attach a Fallback Value to a CSS Variable (https://guide.freecodecamp.org/certifications/responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable/)
---
 .../index.md                                  | 37 +++++++++++++++++--
 1 file changed, 33 insertions(+), 4 deletions(-)

diff --git a/guide/english/certifications/responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable/index.md b/guide/english/certifications/responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable/index.md
index 0043a1f027..239d9d53cf 100644
--- a/guide/english/certifications/responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable/index.md
+++ b/guide/english/certifications/responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable/index.md
@@ -3,8 +3,37 @@ title: Attach a Fallback value to a CSS Variable
 ---
 ## Attach a Fallback value to a CSS Variable
 
-This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
-
-<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
-
 <!-- 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 value of ```black``` to the ```background``` property of the ```.penguin-top``` and ```.penguin-bottom``` classes.
+
+## Solution
+
+Add a fallback value of ```black``` to the ```background``` property of the ```.penguin-bottom``` class:
+
+```js
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;  
+    /* change code below */
+    background: var(--pengiun-skin,black);
+    /* change code above */ 
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+```
+
+Add a fallback value of ```black``` to the ```background``` property of the ```.penguin-top``` class:
+
+```js
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+    /* change code below */
+    background: var(--pengiun-skin,black);
+    /* change code above */  
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+```