From a4946902a628ca5a3f986e8661fd85e607161514 Mon Sep 17 00:00:00 2001
From: MANISH-GIRI <manish.giri.me@gmail.com>
Date: Sat, 22 Jul 2017 23:39:52 -0400
Subject: [PATCH] Allow shorthand Hex values in challenge

---
 .../01-responsive-web-design/applied-visual-design.json    | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/seed/challenges/01-responsive-web-design/applied-visual-design.json b/seed/challenges/01-responsive-web-design/applied-visual-design.json
index 239acaa81b..c01f499a62 100644
--- a/seed/challenges/01-responsive-web-design/applied-visual-design.json
+++ b/seed/challenges/01-responsive-web-design/applied-visual-design.json
@@ -1587,7 +1587,8 @@
         "Example:",
         "<code>background: linear-gradient(90deg, red, yellow, rgb(204, 204, 255));</code>",
         "<hr>",
-        "Use a <code>linear-gradient()</code> for the <code>div</code> element's <code>background</code>, and set it from a direction of 35 degrees to change the color from <code>#CCFFFF</code> to <code>#FFCCCC</code>."
+        "Use a <code>linear-gradient()</code> for the <code>div</code> element's <code>background</code>, and set it from a direction of 35 degrees to change the color from <code>#CCFFFF</code> to <code>#FFCCCC</code>.",
+        "<strong>Note</strong><br>While there are other ways to specify a color value, like <code>rgb()</code> or <code>hsl()</code>, use hex values for this challenge."
       ],
       "challengeSeed": [
         "<style>",
@@ -1596,7 +1597,7 @@
         "    border-radius: 20px;",
         "    width: 70%;",
         "    height: 400px;",
-        "    margin:  50 auto;",
+        "    margin: 50px auto;",
         "    ",
         "  }",
         "",
@@ -1605,7 +1606,7 @@
         "<div></div>"
       ],
       "tests": [
-        "assert(code.match(/background:\\s*?linear-gradient\\(35deg,\\s*?#CCFFFF,\\s*?#FFCCCC\\);/gi), 'message: The <code>div</code> element should have a <code>linear-gradient</code> <code>background</code> with the specified direction and colors.');"
+        "assert(code.match(/background:\\s*?linear-gradient\\(35deg,\\s*?(#CCFFFF|#CFF),\\s*?(#FFCCCC|#FCC)\\);/gi), 'message: The <code>div</code> element should have a <code>linear-gradient</code> <code>background</code> with the specified direction and colors.');"
       ],
       "solutions": [],
       "hints": [],