From 86baf2e8ef330daa468a74484f69bd0989735db9 Mon Sep 17 00:00:00 2001 From: cheeks <134818917+leftovertoast@users.noreply.github.com> Date: Sat, 13 Jul 2024 22:27:26 -0400 Subject: [PATCH] Completed Sections --- flex/03-flex-header-2/COMPLETE.md | 1 + flex/03-flex-header-2/index.html | 4 ++++ flex/03-flex-header-2/style.css | 13 ++++++++++++ flex/04-flex-information/COMPLETE.md | 1 + flex/04-flex-information/index.html | 30 ++++++++++++++++++---------- flex/04-flex-information/style.css | 13 ++++++++++++ 6 files changed, 51 insertions(+), 11 deletions(-) create mode 100644 flex/03-flex-header-2/COMPLETE.md create mode 100644 flex/04-flex-information/COMPLETE.md diff --git a/flex/03-flex-header-2/COMPLETE.md b/flex/03-flex-header-2/COMPLETE.md new file mode 100644 index 0000000..0b9eae8 --- /dev/null +++ b/flex/03-flex-header-2/COMPLETE.md @@ -0,0 +1 @@ + # COMPLETE \ No newline at end of file diff --git a/flex/03-flex-header-2/index.html b/flex/03-flex-header-2/index.html index 21d5617..decfc7a 100644 --- a/flex/03-flex-header-2/index.html +++ b/flex/03-flex-header-2/index.html @@ -9,6 +9,7 @@
+
@@ -17,10 +18,13 @@
  • link-two
  • link-three
    • +
    +
    +
    \ No newline at end of file diff --git a/flex/03-flex-header-2/style.css b/flex/03-flex-header-2/style.css index bf4c8af..67fe7f4 100644 --- a/flex/03-flex-header-2/style.css +++ b/flex/03-flex-header-2/style.css @@ -12,6 +12,10 @@ body { background: white; border-bottom: 1px solid #ddd; box-shadow: 0 0 8px rgba(0,0,0,.1); + display: flex; + justify-content: space-between; + padding: 8px; + } .profile-image { @@ -45,4 +49,13 @@ a { ul { list-style-type: none; + display: flex; + margin: 0px; + padding: 0px; + gap: 16px; } +.left, .right { + display: flex; + align-items: center; + gap: 8px; +} \ No newline at end of file diff --git a/flex/04-flex-information/COMPLETE.md b/flex/04-flex-information/COMPLETE.md new file mode 100644 index 0000000..0b9eae8 --- /dev/null +++ b/flex/04-flex-information/COMPLETE.md @@ -0,0 +1 @@ + # COMPLETE \ No newline at end of file diff --git a/flex/04-flex-information/index.html b/flex/04-flex-information/index.html index 3cc3efd..c0b1d08 100644 --- a/flex/04-flex-information/index.html +++ b/flex/04-flex-information/index.html @@ -10,21 +10,29 @@
    Information!
    - barberry -
    This is a type of plant. We love this one.
    - - chili -
    This is another type of plant. Isn't it nice?
    - - pepper -
    We have so many plants. Yay plants.
    - - saffron -
    I'm running out of things to say about plants.
    +
    +
    + barberry +
    This is a type of plant. We love this one.
    +
    +
    + chili +
    This is another type of plant. Isn't it nice?
    +
    +
    + pepper +
    We have so many plants. Yay plants.
    +
    +
    + saffron +
    I'm running out of things to say about plants.
    +
    +
    Icons made by Icongeek26 from www.flaticon.com
    + \ No newline at end of file diff --git a/flex/04-flex-information/style.css b/flex/04-flex-information/style.css index 80c00fd..a9e42e7 100644 --- a/flex/04-flex-information/style.css +++ b/flex/04-flex-information/style.css @@ -1,5 +1,6 @@ body { font-family: 'Courier New', Courier, monospace; + text-align: center; } img { @@ -8,8 +9,10 @@ img { } .title { + border: 1px solid black; font-size: 36px; font-weight: 900; + margin-bottom: 32px; } /* do not edit this footer */ @@ -23,4 +26,14 @@ img { align-items: center; justify-content: center; background: #eee; +} +.container{ + display: flex; + border: 1px solid red; + justify-content: center; + gap: 52px; +} + +.info{ + max-width: 200px; } \ No newline at end of file