The flex property

Author: Ronan

starter/04-CSS-Layouts/flexbox.html

@@ -43,15 +43,27 @@
         display: flex;
         align-items: center;
         justify-content: flex-start;
-        gap: 30px;
+        gap: 10px;
       }
 
       .el {
         /* margin-right: 30px; */
+        /*
+        DEFAULTS:
+        flex-grow: 0;
+        flex-shrink: 1;
+        flex-basis: auto; */
+
+        /* flex-basis: 200px; */
+        /* flex-shrink: 0; */
+        /* flex-grow: 1; */
+        /* flex: 0 0 200px; */
+        flex: 1;
       }
 
       .el--1 {
         align-self: flex-start;
+        /* flex-grow: 2; */
         /* order: 2; */
       }
 
@@ -72,7 +84,7 @@
       <div class="el el--3">CSS</div>
       <div class="el el--4">are</div>
       <div class="el el--5">amazing</div>
-      <div class="el el--6">languages</div>
+      <!-- <div class="el el--6">languages</div> -->
       <!-- <div class="el el--7">to</div>
       <div class="el el--8">learn</div> -->
     </div>