The screen sizes that actually matter in 2026
Forget the 50-row resolution charts. A handful of sizes cover most of the web’s traffic — here they are, and how to think about the rest.
5 min read · Reviewed July 2026
Ask what screen sizes to support and you'll get charts with fifty rows and no advice. Here's the advice: traffic clusters around a few landmarks, and responsive design handles the space between them. Worldwide, mobile is a bit over half of web traffic, and the common phone widths sit in a tight band: 360 to 430 CSS pixels wide. Design something that works at 360 and breathes at 430 and you've covered the phone world.
The desktop landmarks
Two widths dominate desktop: 1366 × 768 (the budget-laptop standard for over a decade, still everywhere in offices and schools) and 1920 × 1080, the most common size overall. Above that, 2560 × 1440 is the enthusiast/professional tier, 4K monitors usually run scaled (so they report smaller CSS sizes anyway), and ultrawides are a rounding error worth testing only if your analytics say so.
Tablets hover around 768-834 points wide in portrait. They're a small traffic slice for most sites, but they're where layouts most often embarrass themselves — too wide for the phone layout, too narrow for the desktop one. Worth one deliberate look.
The only chart that matters is yours
Global statistics describe the global web. Your audience isn't global-average: a developer tool skews to big monitors; a recipe site skews to phones propped against kitchen tiles. Check your own analytics' screen-size report before making decisions, and use the live viewport readout on our homepage while you build.
My opinionated shortcut for 2026: make it excellent at 390 wide, sensible at 768, and roomy at 1440. Everything else is interpolation.