feat: introduction to Flexbox

Author: Uribouz

starter/04-CSS-Layouts/flexbox.html

@@ -38,7 +38,9 @@
         background-color: #ddd;
         font-size: 40px;
         margin: 40px;
-
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
         /* FLEXBOX */
       }
     </style>

starter/04-CSS-Layouts/index.html

@@ -25,8 +25,8 @@ <h1>📘 The Code Magazine</h1>
           <!-- <strong>This is the navigation</strong> -->
           <a href="blog.html">Blog</a>
           <a href="#">Challenges</a>
-          <a href="#">Flexbox</a>
-          <a href="#">CSS Grid</a>
+          <a href="flexbox.html">Flexbox</a>
+          <a href="css-grid.html">CSS Grid</a>
         </nav>
         <!-- * Old way to clearing float problem -->
         <!-- <div class="clear"></div> -->