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.
2026-03-26 15:12:53 +07:00
parent 55dd3a9b1a
commit 2e7bc49c4c
1 changed files with 2 additions and 2 deletions
@@ -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>