Finished exercise

Author: drwsss

flex/02-flex-header/style.css

@@ -1,6 +1,10 @@
 .header  {
-  font-family: monospace;
+  font-family: FreeMono, monospace;
   background: papayawhip;
+  /* from here */
+  display: flex;
+  justify-content: space-between;
+  align-items: stretch;
 }
 
 .logo {
@@ -9,11 +13,32 @@
   color: tomato;
   background: white;
   padding: 4px 32px;
+  /* from here */
+  text-align: center;
+  flex: 2 1 0;
 }
 
 ul {
   /* this removes the dots on the list items*/
   list-style-type: none;
+  /* from here */
+  padding: 0;
+  margin: 0;
+  display: flex;
+  align-items: center;
+}
+
+.left-links,
+.right-links {
+  display: flex;
+}
+
+.left-links {
+  justify-content: flex-start;
+}
+
+.right-links {
+  justify-content: flex-end;
 }
 
 a {