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.
By Noble Erne, LLC · 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.
Published by Noble Erne, LLC. Enterprise systems consultant with a background in SAP implementation, software documentation, and instructional design. Builds the tools and writes the explainers on this site. Corrections to this guide go to the contact page and are reviewed before publication.
Related guides
- Device pixel ratio: why your 4K phone reports 390 pixels
Physical pixels, CSS pixels, and the 2×/3× multiplier between them — the concept that explains most "why is my image blurry" mysteries. - Viewport vs screen resolution: the difference that breaks layouts
Your screen is 1920 wide but your website gets 1050. Where the pixels go, and why designing to "screen sizes" is subtly wrong. - How to choose responsive breakpoints (without cargo-culting)
768 and 1024 are fossils of the 2010 iPad. Let content decide where your layout bends, with a sane default set if you must have numbers.