From 6d4a62fae7aea4fbbce96c1d5e39df81142a31e0 Mon Sep 17 00:00:00 2001
From: itsfinniii <102350242+itsfinniii@users.noreply.github.com>
Date: Sun, 19 Apr 2026 21:28:29 +0200
Subject: [PATCH] Make footer more responsive

---
 astro/src/components/footer/Footer.astro | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/astro/src/components/footer/Footer.astro b/astro/src/components/footer/Footer.astro
index 8082b68..730e89f 100644
--- a/astro/src/components/footer/Footer.astro
+++ b/astro/src/components/footer/Footer.astro
@@ -7,7 +7,7 @@ const footer = await getFooter();
 
 <footer class="w-full mt-4">
     <div class="flex flex-col pt-12 pb-8 px-12 lg:container mx-auto">
-        <div class="flex md:flex-row flex-col justify-center pt-12 pb-8 px-12 lg:container mx-auto md:gap-y-8 gap-y-12 gap-x-24">
+        <div class="flex md:flex-row flex-col justify-center pt-12 pb-8 md:px-1 px-0 lg:container md:mx-auto md:gap-y-8 gap-y-12 md:gap-x-24 gap-x-0">
             { (footer.title !== null || footer.logo !== null) && (
                 <div class="flex flex-col gap-3">
                     { footer.title !== null && <h2 class="text-5xl font-bold">{footer.title}</h2>}
@@ -17,7 +17,7 @@ const footer = await getFooter();
                             width={footer.logo.width}
                             height={footer.logo.height}
                             alt={footer.title ?? ""}
-                            class="w-50 h-auto"
+                            class="md:w-50 w-[50%] h-auto"
                         />
                     ) }
                 </div>