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>