From 0f4b8a9eaaa9ced19f7f7abe6d32f4090b916978 Mon Sep 17 00:00:00 2001
From: Simon <scwong93@gmail.com>
Date: Mon, 25 Jun 2018 14:53:59 -0700
Subject: [PATCH] fix: penguin colors to match directions

---
 challenges/01-responsive-web-design/basic-css.json   | 6 +++---
 challenges/01-responsive-web-design/css-flexbox.json | 4 ++--
 2 files 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 6fe346c18e..652a103c9f 100644
--- a/challenges/01-responsive-web-design/basic-css.json
+++ b/challenges/01-responsive-web-design/basic-css.json
@@ -5325,9 +5325,9 @@
           "contents": [
             "<style>",
             "  .penguin {",
-            "    --penguin-skin: gray;",
-            "    --penguin-belly: white;",
-            "    --penguin-beak: orange;",
+            "    --penguin-skin: black;",
+            "    --penguin-belly: gray;",
+            "    --penguin-beak: yellow;",
             "    position: relative;",
             "    margin: auto;",
             "    display: block;",
diff --git a/challenges/01-responsive-web-design/css-flexbox.json b/challenges/01-responsive-web-design/css-flexbox.json
index 97d252f628..bdc90a2860 100644
--- a/challenges/01-responsive-web-design/css-flexbox.json
+++ b/challenges/01-responsive-web-design/css-flexbox.json
@@ -929,7 +929,7 @@
         "CSS flexbox has a feature to split a flex item into multiple rows (or columns). By default, a flex container will fit all flex items together. For example, a row will all be on one line.",
         "However, using the <code>flex-wrap</code> property, it tells CSS to wrap items. This means extra items move into a new row or column. The break point of where the wrapping happens depends on the size of the items and the size of the container.",
         "CSS also has options for the direction of the wrap:",
-        "<ul><li><code>nowrap</code>: this is the default setting, and does not wrap items.</li><li><code>wrap</code>: wraps items from left-to-right if they are in a row, or top-to-bottom if they are in a column.</li><li><code>wrap-reverse</code>: wraps items from right-to-left if they are in a row, or bottom-to-top if they are in a column.</li></ul>",
+        "<ul><li><code>nowrap</code>: this is the default setting, and does not wrap items.</li><li><code>wrap</code>: wraps items from left-to-right if they are in a row, or top-to-bottom if they are in a column.</li><li><code>wrap-reverse</code>: wraps items from bottom-to-top if they are in a row, or left-to-right if they are in a column.</li></ul>",
         "<hr>",
         "The current layout has too many boxes for one row. Add the CSS property <code>flex-wrap</code> to the <code>#box-container</code> element, and give it a value of wrap."
       ],
@@ -1375,4 +1375,4 @@
       }
     }
   ]
-}
\ No newline at end of file
+}