diff --git a/challenges/01-responsive-web-design/css-grid.json b/challenges/01-responsive-web-design/css-grid.json
index 56821e217e..c6dc56da75 100644
--- a/challenges/01-responsive-web-design/css-grid.json
+++ b/challenges/01-responsive-web-design/css-grid.json
@@ -1493,6 +1493,20 @@
           "name": "index",
           "contents": [
             "<style>",
+            "  .container {",
+            "    font-size: 1.5em;",
+            "    min-height: 300px;",
+            "    width: 100%;",
+            "    background: LightGray;",
+            "    display: grid;",
+            "    grid-template-columns: auto 1fr;",
+            "    grid-template-rows: auto 1fr auto;",
+            "    grid-gap: 10px;",
+            "    grid-template-areas:",
+            "      \"advert header\"",
+            "      \"advert content\"",
+            "      \"advert footer\";",
+            "  }",
             "  .item1 {",
             "    background: LightSkyBlue;",
             "    grid-area: header;",
@@ -1525,20 +1539,6 @@
             "    background: BlanchedAlmond;",
             "  }",
             "  ",
-            "  .container {",
-            "    font-size: 1.5em;",
-            "    min-height: 300px;",
-            "    width: 100%;",
-            "    background: LightGray;",
-            "    display: grid;",
-            "    grid-template-columns: auto 1fr;",
-            "    grid-template-rows: auto 1fr auto;",
-            "    grid-gap: 10px;",
-            "    grid-template-areas:",
-            "      \"advert header\"",
-            "      \"advert content\"",
-            "      \"advert footer\";",
-            "  }",
             "</style>",
             "  ",
             "<div class=\"container\">",