jb/paseo
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Make mobile mockup horizontally scrollable on small screens

Browse Source 
Prevents the 4-phone composite image from shrinking to illegibility
on mobile by setting a min-width and enabling horizontal scroll.
This commit is contained in:
Mohamed Boudra
2026-03-26 15:12:53 +07:00
parent 55dd3a9b1a
commit 2e7bc49c4c
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/website/src/components/landing-page.tsx
+2 -2
View File
@@ -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. The mobile app has full feature parity with desktop. Launch agents, review diffs, talk through problems with voice, all from your phone.
</p> </p>
</div> </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"> <div className="max-w-5xl lg:max-w-6xl mx-auto">
<img <img
src="/mobile-mockup.png" src="/mobile-mockup.png"
alt="Paseo mobile app screens" alt="Paseo mobile app screens"
className="w-full rounded-lg" className="min-w-[900px] w-full rounded-lg"
/> />
</div> </div>
</div> </div>