From d30f9b7b54bf02c595d13e4c21a5c37e960f8f1a Mon Sep 17 00:00:00 2001
From: Wonsuk Choi <sukvvon@gmail.com>
Date: Mon, 27 Apr 2026 02:23:07 +0900
Subject: [PATCH] fix(LandingCodeExampleCard): prevent horizontal overflow on
 mobile

---
 .../landing/LandingCodeExampleCard.server.tsx | 44 ++++++++++---------
 1 file changed, 24 insertions(+), 20 deletions(-)

diff --git a/src/components/landing/LandingCodeExampleCard.server.tsx b/src/components/landing/LandingCodeExampleCard.server.tsx
index 8193b1d9..aff72d65 100644
--- a/src/components/landing/LandingCodeExampleCard.server.tsx
+++ b/src/components/landing/LandingCodeExampleCard.server.tsx
@@ -25,29 +25,33 @@ export function LandingCodeExampleCard({
   return (
     <div className="px-4 space-y-4 flex flex-col items-center">
       <div className="text-3xl font-black">{title}</div>
-      <Tabs tabs={tabs}>
-        {frameworks.map((framework) => {
-          const example = codeByFramework[framework]
+      <div className="max-w-full min-w-0">
+        <Tabs tabs={tabs}>
+          {frameworks.map((framework) => {
+            const example = codeByFramework[framework]
+
+            if (!example) {
+              return (
+                <div key={framework}>
+                  {renderFallback ? renderFallback(framework) : null}
+                </div>
+              )
+            }
 
-          if (!example) {
             return (
-              <div key={framework}>
-                {renderFallback ? renderFallback(framework) : null}
-              </div>
+              <CodeBlock
+                key={framework}
+                className="mt-0 border-0"
+                showTypeCopyButton={false}
+              >
+                <code className={`language-${example.lang}`}>
+                  {example.code}
+                </code>
+              </CodeBlock>
             )
-          }
-
-          return (
-            <CodeBlock
-              key={framework}
-              className="mt-0 border-0"
-              showTypeCopyButton={false}
-            >
-              <code className={`language-${example.lang}`}>{example.code}</code>
-            </CodeBlock>
-          )
-        })}
-      </Tabs>
+          })}
+        </Tabs>
+      </div>
     </div>
   )
 }