From 4f9c265e1a63e50d408a7834e3d2d538ab3c6b7a Mon Sep 17 00:00:00 2001
From: Vuong <vuongggggg@users.noreply.github.com>
Date: Tue, 12 Jun 2018 18:18:03 +0700
Subject: [PATCH] Fix typo in CSS Grid: Use Media Queries to Create Responsive
 Layouts (#17534)

---
 seed/challenges/01-responsive-web-design/css-grid.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/seed/challenges/01-responsive-web-design/css-grid.json b/seed/challenges/01-responsive-web-design/css-grid.json
index abae75f7a5..2f1e82f20f 100644
--- a/seed/challenges/01-responsive-web-design/css-grid.json
+++ b/seed/challenges/01-responsive-web-design/css-grid.json
@@ -1327,8 +1327,8 @@
       ],
       "tests": [
         {
-          "text": "When the viewport is <code>400px</code> or more, <code>container</code> class should have a <code>grid-template-columns</code> property in which the footer and header areas occupy the top and bottom rows respectively and advert and content occupy the left and right columns of the middle row.",
-          "testString": "assert(code.match(/@media\\s*?\\(\\s*?min-width\\s*?:\\s*?400px\\s*?\\)[\\s\\S]*.container\\s*?{[\\s\\S]*grid-template-areas\\s*?:\\s*?\"\\s*?header\\s*?header\\s*?\"\\s*?\"\\s*?advert\\s*?content\\s*?\"\\s*?\"\\s*?footer\\s*?footer\\s*?\"\\s*?;[\\s\\S]*}/gi), 'When the viewport is <code>400px</code> or more, <code>container</code> class should have a <code>grid-template-columns</code> property in which the footer and header areas occupy the top and bottom rows respectively and advert and content occupy the left and right columns of the middle row.');"
+          "text": "When the viewport is <code>400px</code> or more, <code>container</code> class should have a <code>grid-template-areas</code> property in which the footer and header areas occupy the top and bottom rows respectively and advert and content occupy the left and right columns of the middle row.",
+          "testString": "assert(code.match(/@media\\s*?\\(\\s*?min-width\\s*?:\\s*?400px\\s*?\\)[\\s\\S]*.container\\s*?{[\\s\\S]*grid-template-areas\\s*?:\\s*?\"\\s*?header\\s*?header\\s*?\"\\s*?\"\\s*?advert\\s*?content\\s*?\"\\s*?\"\\s*?footer\\s*?footer\\s*?\"\\s*?;[\\s\\S]*}/gi), 'When the viewport is <code>400px</code> or more, <code>container</code> class should have a <code>grid-template-areas</code> property in which the footer and header areas occupy the top and bottom rows respectively and advert and content occupy the left and right columns of the middle row.');"
         }
       ],
       "solutions": [],
@@ -1511,4 +1511,4 @@
       }
     }
   ]
-}
\ No newline at end of file
+}