Browser Size Cheat Sheet
Use common browser viewport sizes for practical desktop, tablet, and mobile QA coverage.
A small set of well-chosen browser sizes can catch most responsive issues before release. Use this sheet as a baseline, then add product-specific widths where your analytics show traffic.
Recommended baseline sizes
These widths cover common layout transitions without turning every release into an exhaustive device lab.
360x740 for compact mobile
390x844 for common iPhone-class mobile
768x1024 for tablet portrait
1280x800 and 1440x900 for desktop
When to add more sizes
Add sizes when a product has important traffic or known risk in a specific band: dashboards, data tables, sidebars, embedded widgets, and checkout pages often need extra coverage.
Add 320px for dense consumer pages
Add 1024px for sidebar handoffs
Add ultrawide only for canvas-heavy tools
Add height variants for sticky footer or CTA issues
Release checklist
Keep one shared viewport matrix for release screenshots.
Add analytics-driven sizes for high-value traffic bands.
Retest pages with tables, sidebars, and sticky CTAs separately.
Document any supported minimum viewport width.
Benji
Your life OS
The companion app that keeps every area of your world in sync.
Zero to Shipped
Ship products, not side projects
The ultimate Next.js boilerplate for building and launching real products.
DMX
Mindful Twitter/X
The intentional X client for macOS. Reclaim your attention span.
Sotto
Voice-to-text for macOS
Speak naturally. Type instantly. 100% local & private.
Passlock
Password manager with willpower
Lock passwords with time delays, word challenges, or hand the keys to someone you trust.
Glink
Changelogs that slap
Beautiful changelogs and roadmaps for your product.
JoinRepo
GitHub access control
Monetize your GitHub repositories with ease.
Tubely
YouTube Studio for Mac
Manage multiple YouTube channels in one native app.
JustWrite
Distraction-free writing
A minimal writing app that helps you focus on what matters.