creating and sizing grid columns

rahilsama · rahilsama · commit f7a402266bd8 · 2023-02-16T15:12:38.000-07:00
diff --git a/starter/04-CSS-Layouts/css-grid.html b/starter/04-CSS-Layouts/css-grid.html
@@ -41,9 +41,13 @@
 
         /* CSS GRID */
         display: grid;
-        grid-template-columns: 200px 200px 200px 200px;
-        grid-template-rows: 200px 200px 200px 200px;
-        gap: 30px;
+        grid-template-columns: repeat(4, 1fr);
+
+        grid-template-rows: 1fr 1fr;
+
+        /*gap: 30px;*/
+        column-gap: 10px;
+        row-gap: 40px;
       }
 
       .container--2 {
@@ -59,6 +63,11 @@
 
         /* CSS GRID */
       }
+
+      .el--8 {
+        grid-column: 2 / 3;
+        grid-column: 4 / 5;
+      }
     </style>
   </head>
   <body>
