From 438e7116bf31cf5eb979ef8993214d0315c53b1a Mon Sep 17 00:00:00 2001 From: zepp Date: Sat, 14 Dec 2024 16:48:55 -0500 Subject: [PATCH] styling, layout and font changes --- includes/header.php | 7 +++++-- style/style.css | 18 ++++++++++-------- 2 files changed, 15 insertions(+), 10 deletions(-) diff --git a/includes/header.php b/includes/header.php index 2531daf..6741c41 100644 --- a/includes/header.php +++ b/includes/header.php @@ -1,5 +1,8 @@
- - - a celebration of self-expression through the personal web + + + a celebration of self-expression through the personal web
diff --git a/style/style.css b/style/style.css index 25931b7..bac5cb1 100644 --- a/style/style.css +++ b/style/style.css @@ -49,7 +49,7 @@ main, nav { main { background-color: var(--background-color); - height: 88vh; + height: 87vh; width: 60vw; padding-left: 2.5rem; overflow: auto; @@ -57,13 +57,14 @@ main { scrollbar-color: #588c7388 #65eeb788; grid-column: 2/3; grid-row: 2/3; + align-self: end; } header { background-color: var(--background-color); grid-row: 1/2; grid-column: 1/3; - height: 5vh; + height: 6vh; width: 74vw; border-top-left-radius: 15px; border-top-right-radius: 15px; @@ -71,6 +72,7 @@ header { border-image-slice: 1; border-width: 5px; border-image-source: linear-gradient(to right, #D60270, #9B4F96, #0038A8); + font-size: 1.4rem; margin-top: 0.5rem; } @@ -80,20 +82,19 @@ footer { grid-column: 1/3; height: 5vh; width: 74vw; - padding-top: 0.5rem; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; font-family: system-ui; + font-size: 1.3rem; letter-spacing: 0.05rem; } header, footer { display: flex; justify-content: center; -} - -header span, footer span { - font-size: 1.3rem; + align-items: center; + flex-wrap: wrap; + gap: 0.75rem; } nav { @@ -101,8 +102,9 @@ nav { grid-row: 2/3; grid-column: 1/2; justify-self: end; + align-self: end; width: 14vw; - height: 88vh; + height: 87vh; padding-left: 0.75rem; border-right: 10px solid; border-image-slice: 1;