complete lesson 12

HusamElbashir · Oct 14, 2019 · f3cc1ec · f3cc1ec
1 parent 55011ad
commit f3cc1ec
Showing 1 changed file with 5 additions and 16 deletions.
diff --git a/12 - auto-fit and auto-fill/auto-fit-and-auto-fill-START.html b/12 - auto-fit and auto-fill/auto-fit-and-auto-fill-START.html
@@ -14,29 +14,18 @@
     <div class="item item2">Item 02</div>
     <div class="item item3">Item 03</div>
     <div class="item item4">Item 04</div>
-    <div class="item item5">Item 05</div>
-    <div class="item item6">Item 06</div>
-    <div class="item item7">Item 07</div>
-    <div class="item item8">Item 08</div>
-    <div class="item item9">Item 09</div>
-    <div class="item item10">Item 10</div>
-    <div class="item item11">Item 11</div>
-    <div class="item item12">Item 12</div>
-    <div class="item item13">Item 13</div>
-    <div class="item item14">Item 14</div>
-    <div class="item item15">Item 15</div>
-    <div class="item item16">Item 16</div>
-    <div class="item item17">Item 17</div>
-    <div class="item item18">Item 18</div>
-    <div class="item item19">Item 19</div>
-    <div class="item item20">Item 20</div>
   </div>
 
   <style>
     .container {
       display: grid;
       grid-gap: 20px;
       border: 10px solid var(--yellow);
+      grid-template-columns: repeat(auto-fill, 150px);
+    }
+
+    .item4 {
+      grid-column: auto / -1;
     }
   </style>
 </body>