Mobile is not a squeeze of the desktop layout On desktop, you've got a sidebar. On mobile, most s...Mobile is not a squeeze of the desktop layout On desktop, you've got a sidebar. On mobile, most s...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Mobile is not a squeeze of the desktop layout
On desktop, you've got a sidebar. On mobile, most sites just shrink that same sidebar to fit a 320px screen, keep it a sidebar, and call it "responsive." But that's not actually responsive, it's just smaller.
A bottom sheet is the right call here, and not because it looks more app-like. It comes down to where people's thumbs naturally rest on the screen. The thumb touch point matters: controls someone reaches for most often should sit within easy thumb range at the bottom, not up top, where they have to shift their whole grip just to tap something.
Take a look at the desktop and mobile versions below. Which one actually feels built for how you hold your phone?
Desktop Filters
Mobile Bottom Sheet

4 votes

Ends in 13h

Kabir's avatar
Split Creatives logo
Exactly. Responsive design should adapt to how people use the device, not just the screen size.
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started