From 3b190c770f1f0f8f68829243e382002a93cc0904 Mon Sep 17 00:00:00 2001
From: Harsh-2002 <av7312002@gmail.com>
Date: Thu, 12 Mar 2026 05:13:30 +0000
Subject: [PATCH] fix: Hero terminal mockup overflowing on mobile

Remove min-w-[380px] that forced the terminal wider than the viewport on
small screens. Use w-full on mobile, w-fit with min-w from sm: up.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/sections/hero.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/sections/hero.tsx b/src/components/sections/hero.tsx
index 056fdd8..2507027 100644
--- a/src/components/sections/hero.tsx
+++ b/src/components/sections/hero.tsx
@@ -80,7 +80,7 @@ export function Hero({ version, downloads }: HeroProps) {
 
             {/* Compact terminal preview */}
             <AnimateIn delay={0.3}>
-              <div className="mt-14 w-fit min-w-[380px] sm:min-w-[422px] mx-auto">
+              <div className="mt-14 w-full sm:w-fit sm:min-w-[422px] mx-auto">
                 <Terminal
                   lines={heroTerminalLines}
                   title="Relay on Telegram"