From ab37fe0e0a6ad4d4c82b221fac35ab01cd4f6bfe Mon Sep 17 00:00:00 2001 From: cheeks <134818917+leftovertoast@users.noreply.github.com> Date: Sat, 13 Jul 2024 16:16:32 -0400 Subject: [PATCH] Completed Section --- flex/01-flex-center/COMPLETE.md | 1 + flex/01-flex-center/style.css | 3 +++ flex/02-flex-header/COMPLETE.md | 1 + flex/02-flex-header/style.css | 14 ++++++++++++-- 4 files changed, 17 insertions(+), 2 deletions(-) create mode 100644 flex/01-flex-center/COMPLETE.md create mode 100644 flex/02-flex-header/COMPLETE.md diff --git a/flex/01-flex-center/COMPLETE.md b/flex/01-flex-center/COMPLETE.md new file mode 100644 index 0000000..0b9eae8 --- /dev/null +++ b/flex/01-flex-center/COMPLETE.md @@ -0,0 +1 @@ + # COMPLETE \ No newline at end of file diff --git a/flex/01-flex-center/style.css b/flex/01-flex-center/style.css index e35feac..bf41bc1 100644 --- a/flex/01-flex-center/style.css +++ b/flex/01-flex-center/style.css @@ -3,6 +3,9 @@ border: 4px solid midnightblue; width: 400px; height: 300px; + display: flex; + justify-content:center; + align-items: center; } .box { diff --git a/flex/02-flex-header/COMPLETE.md b/flex/02-flex-header/COMPLETE.md new file mode 100644 index 0000000..0b9eae8 --- /dev/null +++ b/flex/02-flex-header/COMPLETE.md @@ -0,0 +1 @@ + # COMPLETE \ No newline at end of file diff --git a/flex/02-flex-header/style.css b/flex/02-flex-header/style.css index cb598c9..f93ed81 100644 --- a/flex/02-flex-header/style.css +++ b/flex/02-flex-header/style.css @@ -1,6 +1,10 @@ .header { font-family: monospace; - background: papayawhip; + background: papayawhip; + padding: 10px; + display: flex; + align-items: center; + justify-content: space-between; } .logo { @@ -14,6 +18,11 @@ ul { /* this removes the dots on the list items*/ list-style-type: none; + display: flex; + padding: 0px; + margin: 0px; + gap: 8px; + } a { @@ -22,4 +31,5 @@ a { padding: 8px; /* this removes the line under the links */ text-decoration: none; -} \ No newline at end of file +} +