From bc86b9765bd93bc11ccfd66ff8898177bedf4622 Mon Sep 17 00:00:00 2001
From: Jonathan Payne <jonathan.b.payne@gmail.com>
Date: Tue, 16 Oct 2018 12:12:00 -0400
Subject: [PATCH] fixed the missing item class in html examples of two pages

---
 src/pages/css-grid/07-basic-layout.js   | 12 ++++++------
 src/pages/css-grid/08-template-areas.js | 12 ++++++------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/pages/css-grid/07-basic-layout.js b/src/pages/css-grid/07-basic-layout.js
index 32841dc5e..e1ab4facf 100755
--- a/src/pages/css-grid/07-basic-layout.js
+++ b/src/pages/css-grid/07-basic-layout.js
@@ -21,12 +21,12 @@ const Tutorial = () => (
     <CodeBlock>
       {`
 <div class="container">
-  <div class="header">header</div>
-  <div class="sidebar">sidebar</div>
-  <div class="content-1">Content-1</div>
-  <div class="content-2">Content-2</div>
-  <div class="content-3">Content-3</div>
-  <div class="footer">footer</div>
+  <div class="item header">header</div>
+  <div class="item sidebar">sidebar</div>
+  <div class="item content-1">Content-1</div>
+  <div class="item content-2">Content-2</div>
+  <div class="item content-3">Content-3</div>
+  <div class="item footer">footer</div>
 </div>
       `}
     </CodeBlock>
diff --git a/src/pages/css-grid/08-template-areas.js b/src/pages/css-grid/08-template-areas.js
index fd8567dd7..0548f13f3 100755
--- a/src/pages/css-grid/08-template-areas.js
+++ b/src/pages/css-grid/08-template-areas.js
@@ -41,12 +41,12 @@ const Tutorial = () => (
     <CodeBlock>
       {`
 <div class="container">
-  <div class="header">header</div>
-  <div class="sidebar">sidebar</div>
-  <div class="content-1">Content-1</div>
-  <div class="content-2">Content-2</div>
-  <div class="content-3">Content-3</div>
-  <div class="footer">footer</div>
+  <div class="item header">header</div>
+  <div class="item sidebar">sidebar</div>
+  <div class="item content-1">Content-1</div>
+  <div class="item content-2">Content-2</div>
+  <div class="item content-3">Content-3</div>
+  <div class="item footer">footer</div>
 </div>
       `}
     </CodeBlock>