432 × 960 viewport: which devices use it?
432 × 960CSS px · 20:9
432 × 960 is the CSS viewport of 1 device in our research, including the Motorola Moto G Stylus 5G (2024). Turned sideways it becomes 960 × 432.
| Device | CSS viewport | DPR | Physical pixels | Year |
|---|---|---|---|---|
| Motorola Moto G Stylus 5G (2024) | 432×960 | 2.5 | 1080×2400 | 2024 |
Check your site at 432 × 960
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 432px wide
Breakpoints
Tailwind: base styles only (below sm, 640px). Bootstrap: xs. Sideways (960px): Tailwind md (sm: md: styles apply).
Room for content
400px with 16px side padding, 384px with 24px. Anything fixed wider than 432px makes the page scroll sideways (how to fix it).
Nearby sizes
Questions people ask
Which phone has a 432 × 960 viewport?
Motorola Moto G Stylus 5G (2024).
Is 432 × 960 the screen resolution?
No, it’s the viewport in CSS pixels. The physical screen has more pixels: the Motorola Moto G Stylus 5G (2024) is 1080 × 2400 (DPR 2.5).
Which breakpoint does a 432px wide screen use?
Tailwind CSS: base styles only (below sm, 640px). Bootstrap: xs.
Guides that help
- What is a viewport? CSS pixels vs screen resolutionA viewport is the area your page is laid out in, measured in CSS pixels, not screen pixels. See real numbers from iPhones and MacBooks, then check yours.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
- 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