From 43882422413f2d56523c4eeb2a95857fb388b1f0 Mon Sep 17 00:00:00 2001
From: AramJonghu <aramjonghu@tutamail.com>
Date: Thu, 6 Aug 2026 22:34:14 +0200
Subject: [PATCH] chore(styling): header and footer flexbox styling fix

---
 frontend/src/components/Footer.tsx | 6 ++++--
 frontend/src/components/Header.tsx | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/Footer.tsx b/frontend/src/components/Footer.tsx
index 1bb413c..7f101fc 100644
--- a/frontend/src/components/Footer.tsx
+++ b/frontend/src/components/Footer.tsx
@@ -40,11 +40,13 @@ const iconLinks: IconLink[] = [
 
 export default function Footer(): ReactElement {
     const currentYear = new Date().getFullYear();
+    const startYear = 2025;
 
     return (
-        <footer className="bg-ctp-mantle flex flex-col md:flex-row items-center justify-between gap-3 px-4 md:px-24 py-6 border-t border-ctp-lavender-800 mt-10">
+        <footer className="bg-ctp-mantle flex flex-col md:flex-row items-center justify-around gap-3 px-4 md:px-24 py-6 border-t border-ctp-lavender-800 mt-10">
             <p className="text-sm text-ctp-text">
-                &copy; {currentYear} AramJonghu. All rights reserved.
+                &copy; {startYear} - {currentYear} AramJonghu. All rights
+                reserved.
             </p>
             <div className="flex items-center gap-2">
                 {iconLinks.map((icon) => (
diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
index bfc8ff2..ef02e21 100644
--- a/frontend/src/components/Header.tsx
+++ b/frontend/src/components/Header.tsx
@@ -34,7 +34,7 @@ export default function Header({ theme }: HeaderProps) {
     };
 
     return (
-        <header className="bg-ctp-mantle flex flex-col md:flex-row justify-between items-start md:items-center px-4 md:px-12 py-4 md:py-6 gap-4 md:gap-6 border-b border-ctp-lavender-800">
+        <header className="bg-ctp-mantle flex flex-col md:flex-row justify-evenly items-start md:items-center px-4 md:px-12 py-4 md:py-6 gap-4 md:gap-6 border-b border-ctp-lavender-800">
             <div className="grid grid-cols-3 items-center w-full md:hidden gap-4">
                 <img
                     className="size-16 cursor-pointer justify-self-start"