completed 06-flex-layout

bflatt72 · Feb 8, 2025 · 642dfa7 · 642dfa7
1 parent df62c9c
commit 642dfa7
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 0 deletions.
diff --git a/flex/06-flex-layout/index.html b/flex/06-flex-layout/index.html
@@ -37,6 +37,7 @@
       <li><a href="google.com">Privacy</a></li>
       <li><a href="google.com">Terms</a></li>
     </ul>
+    </div>
   </div>
 </body>
 </html>
diff --git a/flex/06-flex-layout/style.css b/flex/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 16px;
 }
 
 input {
@@ -25,3 +28,42 @@ input {
   width: 400px;
   margin-bottom: 16px;
 }
+
+
+
+.header {
+  display: flex;
+  justify-content: space-between;
+  padding: 16px;
+}
+
+
+ul {
+  list-style: none;
+  display: flex;
+  gap: 16px;
+  margin: 0;
+  padding: 0;
+
+}
+
+a {
+  text-decoration: none;
+  color: #666;
+}
+
+.footer {
+  display: flex;
+  justify-content: space-between;
+  background-color: lightgrey;
+  padding: 16px;
+}
+
+.content {
+  display: flex;
+  flex-direction: column;;
+  justify-content: center;
+  align-items: center;
+  flex: 1;
+
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -37,6 +37,7 @@ @@
           <li><a href="google.com">Privacy</a></li>
           <li><a href="google.com">Terms</a></li>
         </ul>
+        </div>
       </div>
     </body>
     </html>