15 - Naming Lines in CSS Grid Start Files

Author: jonathanedempsey

15 - Naming Lines in CSS Grid/naming-lines-START.html

@@ -46,10 +46,16 @@
     .container {
       display: grid;
       grid-gap: 20px;
-      grid-template-columns: 1fr 500px 1fr;
-      grid-template-rows: repeat(10, auto);
+      grid-template-columns: [sidebar-start site-left] 1fr [sidebar-end content-start] 500px [content-end] 1fr [site-right];
+      grid-template-rows: [content-top] repeat(10, auto) [content-bottom];
+    }
+
+    .item3 {
+      background: slateblue;
+      grid-column: content-start;
+      grid-row: content-top / content-bottom;
     }
   </style>
 </body>
 
-</html>
+</html>