From 6f45ca295bfc8c3a44b15d06412676c8940aba70 Mon Sep 17 00:00:00 2001
From: arraysid <arraysdotid@gmail.com>
Date: Mon, 12 May 2025 06:34:40 +0700
Subject: [PATCH] fix: adjust max-width for hero section on smaller screens

---
 apps/landing/src/app/(frontend)/_components/hero.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/landing/src/app/(frontend)/_components/hero.tsx b/apps/landing/src/app/(frontend)/_components/hero.tsx
index 249c726..cbc1748 100644
--- a/apps/landing/src/app/(frontend)/_components/hero.tsx
+++ b/apps/landing/src/app/(frontend)/_components/hero.tsx
@@ -117,7 +117,7 @@ export function Hero(props: HeroSection) {
           </motion.div>
 
           <motion.div
-            className="relative w-full max-w-md mx-auto lg:ml-auto"
+            className="relative w-full lg:w-auto mx-auto lg:ml-auto"
             initial={{ opacity: 0, scale: 0.9 }}
             animate={{ opacity: 1, scale: 1 }}
             transition={{ duration: 0.5, delay: 0.2 }}