Devices with a 444px wide viewport
444px3 devices
3 devices give web pages a 444 CSS pixel wide viewport in portrait, with heights from 970 to 995px. If your layout fits 444px, it fits all of them.
| Device | CSS viewport | DPR | Physical pixels | Year |
|---|---|---|---|---|
| Google Pixel 10 Pro Fold — outer | 444×970 | 2.4375 | 1080×2364 | 2025 |
| Google Pixel 9 Pro Fold — outer | 444×995 | 2.4375 | 1080×2424 | 2024 |
| Motorola Moto G Power (2025) | 444×980 | 2.4375 | 1080×2388 | 2025 |
Check your site at 444px
Paste your address (or localhost:3000). doesitfit shows it on real screen sizes at once and tells you, bluntly, where it spills.
Free, no sign-up. Or ask Claude, ChatGPT or Codex to check it.
Designing for 444px
Breakpoints
Tailwind: base styles only (below sm, 640px). Bootstrap: xs.
Room for content
412px with 16px side padding, 396px with 24px. Anything fixed wider than 444px makes the page scroll sideways (fix it).
Sharp images
At DPR 2.4375, a full-width image needs 1082px of real pixels.
Nearby widths
Questions people ask
Which phones have a 444px wide viewport?
Google Pixel 10 Pro Fold outer, Google Pixel 9 Pro Fold outer, Motorola Moto G Power.
Is 444px the screen resolution?
No. 444px is the width in CSS pixels, what web pages get. The screens have 2.4375× as many physical pixels across (the device pixel ratio).
Which breakpoint applies at 444px?
Tailwind CSS: base styles only (below sm, 640px). Bootstrap: xs. Media queries use this CSS width, not the screen resolution.
Guides that help
- Responsive breakpoints in 2026 — the widths that matterWhere 123 real phones, tablets, laptops and monitors land in CSS pixels, which responsive breakpoints actually matter in 2026, and which screens to test.Guides · 8 min read
- How to fix horizontal scrolling on mobile (12 causes)Page wobbles sideways on phones? The 12 usual causes of horizontal scrolling on mobile, a fix for each, and a console snippet that finds the culprit fast.Fixes · 9 min read
- Text touching the screen edge? Mobile padding that worksText squashed against the edge of a phone screen looks broken. How much mobile padding to use (16–24px), CSS and Tailwind patterns that work, and a fix prompt.Fixes · 7 min read