From ce4cdfb0a163fa8e153e1636a87c3f55c774bcf5 Mon Sep 17 00:00:00 2001
From: zepp <zepp@zepps.cafe>
Date: Thu, 20 Feb 2025 00:13:27 -0500
Subject: [PATCH] add class to Image components adjust height and width to 24px
 adjust vertical-align to sub to align with text in header

---
 src/components/Header.astro | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index 77f8969..2ecfdac 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -14,7 +14,7 @@ const biPrideBlue =  "#0038a8";
 
 <header>
 	<span class="logo">
-		{pageTitle} <Image src={redHeartFlat} alt="a red heart meant to symbolize love" />
+		{pageTitle} <Image class="header-heart" src={redHeartFlat} alt="a red heart meant to symbolize love" />
 	</span>
 	<span class="motto">
         {motto}
@@ -69,6 +69,12 @@ const biPrideBlue =  "#0038a8";
         letter-spacing: 0.05rem;
     }
 
+    .header-heart {
+        height: 24px;
+        width: 24px;
+        vertical-align: sub;
+    }
+
     @media (prefers-color-scheme: dark) {
         header {
             background-color: var(--backgroundColorNightMode);