From 2e7bc49c4c619be04ee43e65ce9f5b91f8c0d813 Mon Sep 17 00:00:00 2001
From: Mohamed Boudra <boudra.moha@gmail.com>
Date: Thu, 26 Mar 2026 15:12:53 +0700
Subject: [PATCH] Make mobile mockup horizontally scrollable on small screens

Prevents the 4-phone composite image from shrinking to illegibility
on mobile by setting a min-width and enabling horizontal scroll.
---
 packages/website/src/components/landing-page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/website/src/components/landing-page.tsx b/packages/website/src/components/landing-page.tsx
index 5b69c4a8d..f61da8164 100644
--- a/packages/website/src/components/landing-page.tsx
+++ b/packages/website/src/components/landing-page.tsx
@@ -927,12 +927,12 @@ function MobileSection() {
           The mobile app has full feature parity with desktop. Launch agents, review diffs, talk through problems with voice, all from your phone.
         </p>
       </div>
-      <div className="-mx-[calc(50vw-50%)] px-6 md:px-8">
+      <div className="-mx-[calc(50vw-50%)] px-6 md:px-8 overflow-x-auto">
         <div className="max-w-5xl lg:max-w-6xl mx-auto">
           <img
             src="/mobile-mockup.png"
             alt="Paseo mobile app screens"
-            className="w-full rounded-lg"
+            className="min-w-[900px] w-full rounded-lg"
           />
         </div>
       </div>