feat: better reactive layout for small screen sizes

2026-02-03 17:32:38 -06:00
parent 95432d9059
commit 56d841a335
4 changed files with 26 additions and 26 deletions
--- a/src/components/ui/sections/HeroSection.astro
+++ b/src/components/ui/sections/HeroSection.astro
@@ -22,7 +22,7 @@ const roundedClasses = Astro.props.rounded ? "rounded-xl" : null;
 ---

 <section
-  class="mx-auto grid max-w-[85rem] gap-4 px-4 py-14 sm:px-6 md:grid-cols-2 md:items-center md:gap-8 lg:px-8 2xl:max-w-full"
+  class="mx-auto grid max-w-340 gap-4 px-4 py-14 sm:px-6 md:grid-cols-2 md:items-center md:gap-8 lg:px-8 2xl:max-w-full"
 >
  <div>
    <h1