From bc33a03fc5616d91a07bf78047c3a323f0e9e9d9 Mon Sep 17 00:00:00 2001
From: Josh Alling <joshralling@gmail.com>
Date: Wed, 22 Aug 2018 07:17:49 -0600
Subject: [PATCH] fix(challenges): fix description in css variable fallback
 challenge

This commit partially resolves freeCodeCamp/freeCodeCamp#17546
---
 challenges/01-responsive-web-design/basic-css.json | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/challenges/01-responsive-web-design/basic-css.json b/challenges/01-responsive-web-design/basic-css.json
index ee96f34fea5192..f57502011e9bfc 100644
--- a/challenges/01-responsive-web-design/basic-css.json
+++ b/challenges/01-responsive-web-design/basic-css.json
@@ -5300,14 +5300,14 @@
       "id": "5a9d7286424fe3d0e10cad13",
       "title": "Attach a Fallback value to a CSS Variable",
       "description": [
-        "When using your variable as a CSS property value, you can attach a fallback value that your page will revert to if for some reason it can't get your variable to work.",
-        "It could be that someone is using an older browser that hasn't yet adopted CSS Variables, or perhaps their device doesn't support the value you gave the variable. Here's how you do it:",
+        "When using your variable as a CSS property value, you can attach a fallback value that your browser will revert to if the given variable is invalid.",
+        "<strong>Note:</strong> This fallback is not used to increase browser compatibilty, and it will not work on IE browsers. Rather, it is used so that the browser has a color to display if it cannot find your variable.",
+        "Here's how you do it:",
         "<blockquote>background: var(--penguin-skin, black);</blockquote>",
-        "This will set background to black if there is a problem with your variable.",
+        "This will set background to black if your variable wasn't set.",
         "Note that this can be useful for debugging.",
         "<hr>",
-        "Add a fallback value of <code>black</code> to the <code>background</code> property of <code>penguin-top</code> and <code>penguin-bottom</code> classes.",
-        "<strong>Note</strong>: The above style will be applied because of a typo in the CSS variable name."
+        "It looks there is a problem with the variables supplied to the <code>.penguin-top</code> and <code>.penguin-bottom</code> classes. Rather than fix the typo, add a fallback value of <code>black</code> to the <code>background</code> property of the <code>.penguin-top</code> and <code>.penguin-bottom</code> classes."
       ],
       "tests": [
         {