From 9aae9cc0e6e650ff6eb6633b0d08c952aa7f2c4a Mon Sep 17 00:00:00 2001
From: Fringg <egor.andrianovv@gmail.com>
Date: Sun, 8 Mar 2026 14:58:23 +0300
Subject: [PATCH] fix: mobile layout overflow on landing page

- Add min-w-0 to grid children to prevent CSS Grid blowout on mobile
- Add break-words to SanitizedHtml to wrap long URLs in footer text
---
 src/pages/QuickPurchase.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/pages/QuickPurchase.tsx b/src/pages/QuickPurchase.tsx
index c50899d..2e18611 100644
--- a/src/pages/QuickPurchase.tsx
+++ b/src/pages/QuickPurchase.tsx
@@ -462,7 +462,9 @@ function SanitizedHtml({ html, className }: { html: string; className?: string }
     return container.innerHTML;
   }, [html]);
 
-  return <div className={className} dangerouslySetInnerHTML={{ __html: sanitized }} />;
+  return (
+    <div className={cn('break-words', className)} dangerouslySetInnerHTML={{ __html: sanitized }} />
+  );
 }
 
 function SummaryCard({
@@ -1000,7 +1002,7 @@ export default function QuickPurchase() {
             initial={{ opacity: 0, y: 20 }}
             animate={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.5, delay: 0.1 }}
-            className="space-y-6"
+            className="min-w-0 space-y-6"
           >
             {/* Period tabs */}
             {allPeriods.length > 0 && (
@@ -1104,7 +1106,7 @@ export default function QuickPurchase() {
             initial={{ opacity: 0, y: 20 }}
             animate={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.5, delay: 0.2 }}
-            className="lg:sticky lg:top-8 lg:self-start"
+            className="min-w-0 lg:sticky lg:top-8 lg:self-start"
           >
             <SummaryCard
               config={config}