Completed Introduction to Flexbox

Author: jamesacox53

myWork/04-CSS-Layouts/flexbox.html

@@ -36,10 +36,19 @@
         /* STARTER */
         font-family: sans-serif;
         background-color: #ddd;
-        font-size: 40px;
+        font-size: 25px;
         margin: 40px;
 
         /* FLEXBOX */
+        display: flex;
+        /*
+        align-items: center;
+        align-items: flex-start;
+        align-items: flex-end;
+        align-items: stretch;
+        */
+        align-items: center;
+        justify-content: center;
       }
     </style>
   </head>

myWork/04-CSS-Layouts/index.html

@@ -14,8 +14,8 @@ <h1 class="title-text">📘The Code Magazine</h1>
         <nav class="navigation-bar">
           <a href="blog.html" target="_blank">Blog</a>
           <a href="#">Challenges</a>
-          <a href="#">Flexbox</a>
-          <a href="#">CSS Grid</a>
+          <a href="flexbox.html" target="_blank">Flexbox</a>
+          <a href="css-grid.html" target="_blank">CSS Grid</a>
         </nav>
       </header>