Devices with a 384px wide viewport
384px14 devices + 4 with other display settings
14 devices give web pages a 384 CSS pixel wide viewport in portrait, with heights from 824 to 832px. If your layout fits 384px, it fits all of them. Sizes this wide are about 4.36% of worldwide traffic in StatCounter’s top lists (Aug 2026).
| Device | CSS viewport | DPR | Physical pixels | Year |
|---|---|---|---|---|
| Samsung Galaxy S26 Ultra | 384×832 | 2.8125 | 1440×3120 | 2026 |
| Samsung Galaxy S26+ | 384×832 | 2.8125 | 1440×3120 | 2026 |
| Samsung Galaxy S25 Ultra | 384×832 | 2.8125 | 1440×3120 | 2025 |
| Samsung Galaxy S25 Edge | 384×832 | 2.8125 | 1440×3120 | 2025 |
| Samsung Galaxy S25+ | 384×832 | 2.8125 | 1440×3120 | 2025 |
| Samsung Galaxy S25 FE | 384×832 | 2.8125 | 1080×2340 | 2025 |
| Samsung Galaxy S24 Ultra | 384×832 | 2.8125 | 1440×3120 | 2024 |
| Samsung Galaxy S24+ | 384×832 | 2.8125 | 1440×3120 | 2024 |
| Samsung Galaxy S24 FE | 384×832 | 2.8125 | 1080×2340 | 2024 |
| Samsung Galaxy S23 Ultra | 384×824 | 2.8125 | 1440×3088 | 2023 |
| Samsung Galaxy A56 / A36 | 384×832 | 2.8125 | 1080×2340 | 2025 |
| Samsung Galaxy A55 / A35 | 384×832 | 2.8125 | 1080×2340 | 2024 |
| Samsung Galaxy A16 | 384×832 | 2.8125 | 1080×2340 | 2024 |
| Samsung Galaxy A15 / A25 | 384×832 | 2.8125 | 1080×2340 | 2023 |
Also 384px wide with a different setting
| Device | Setting | CSS viewport |
|---|---|---|
| Samsung Galaxy S26 | Display size: smaller | 384 × 832 |
| Samsung Galaxy S25 | Display size: smaller | 384 × 832 |
| Samsung Galaxy S24 | Display size: smaller | 384 × 832 |
| Samsung Galaxy S23 | Display size: smaller | 384 × 832 |
Check your site at 384px
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 384px
Breakpoints
Tailwind: base styles only (below sm, 640px). Bootstrap: xs.
Room for content
352px with 16px side padding, 336px with 24px. Anything fixed wider than 384px makes the page scroll sideways (fix it).
Sharp images
At DPR 2.8125, a full-width image needs 1080px of real pixels.
Nearby widths
Questions people ask
Which phones have a 384px wide viewport?
Samsung Galaxy S26 Ultra, Samsung Galaxy S26+, Samsung Galaxy S25 Ultra, Samsung Galaxy S25 Edge, Samsung Galaxy S25+, Samsung Galaxy S25 FE, Samsung Galaxy S24 Ultra, Samsung Galaxy S24+ and 6 more, plus 4 more when the display size or scaling setting is changed.
Is 384px the screen resolution?
No. 384px is the width in CSS pixels, what web pages get. The screens have 2.8125× as many physical pixels across (the device pixel ratio).
Which breakpoint applies at 384px?
Tailwind CSS: base styles only (below sm, 640px). Bootstrap: xs. Media queries use this CSS width, not the screen resolution.
How common is a 384px wide screen?
Screen sizes 384px wide make up about 4.36% of the traffic in StatCounter’s top lists for Aug 2026 (384×832: 4.36%).
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