Completed exercise 06

06-flex-layout/style.css

@@ -5,6 +5,8 @@ body {
   margin: 0;
   overflow: hidden;
   font-family: Roboto, sans-serif;
+  display: flex;
+  flex-direction: column;
 }
 
 img {
@@ -16,6 +18,7 @@ button {
   border: none;
   border-radius: 8px;
   background: #eee;
+  padding: 8px 12px;
 }
 
 input {
@@ -25,3 +28,37 @@ input {
   width: 400px;
   margin-bottom: 16px;
 }
+
+ul {
+  list-style: none;
+  display: flex;
+  padding: 0;
+  gap: 15px;
+}
+
+a {
+  text-decoration: none;
+  color: #444;
+}
+
+
+.right-links {
+  margin-left: auto;
+}
+
+.content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.header, .footer {
+  display: flex;
+  padding: 0 12px;
+}
+
+.footer {
+  background-color: #eee;
+}