From dcaf313745a9bad88a0a5078075e0e54e7aa1a61 Mon Sep 17 00:00:00 2001
From: itsfinniii <102350242+itsfinniii@users.noreply.github.com>
Date: Fri, 20 Mar 2026 21:21:35 +0100
Subject: [PATCH] Make Hero responsive

---
 astro/src/components/web/Hero.astro | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/astro/src/components/web/Hero.astro b/astro/src/components/web/Hero.astro
index 8a87370..ef2d2e1 100644
--- a/astro/src/components/web/Hero.astro
+++ b/astro/src/components/web/Hero.astro
@@ -19,11 +19,11 @@ const hero = Astro.props.hero;
         />
 
         <div class="absolute flex items-center w-full h-screen bg-[#00000082] z-10">
-            <div class="absolute text-white md:left-40 sm:left-20 p-8 z-30">
+            <div class="absolute text-white lg:left-40 lg:p-8 p-16 z-30">
                 <div class="flex flex-col gap-2.5 text-left">
-                    <h1 class="text-white font-bold text-8xl w-fit">{hero.title}</h1>
+                    <h1 class="text-white font-bold md:text-8xl sm:text-7xl text-6xl w-fit">{hero.title}</h1>
                     { hero.text !== null && (
-                        <div class="text-2xl max-w-170">{hero.text}</div>
+                        <div class="lg:text-2xl text-lg max-w-170">{hero.text}</div>
                     ) }
                 </div>
             </div>