10 - Placing Grid Items Finished

Author: jonathanedempsey

Diff for: 10 - Placing Grid Items/placing-START.html

@@ -18,7 +18,7 @@
     <div class="item item6">6</div>
     <div class="item item7">7</div>
     <div class="item item8">8</div>
-    <div class="item item8">💩</div>
+    <div class="item item8 poop">💩</div>
     <div class="item item9">9</div>
     <div class="item item10">10</div>
     <div class="item item11">11</div>
@@ -48,8 +48,17 @@
       display: grid;
       grid-gap: 20px;
       grid-template-columns: repeat(5, 1fr);
+      grid-template-rows: repeat(5, 1fr);
+    }
+
+    .poop {
+      /* grid-column-start: 2;
+      grid-column-end: 5; */
+      grid-column: span 2;
+      grid-row: 1 / -1;
+      background: #BADA55;
     }
   </style>
 </body>
 
-</html>
+</html>