Screen sizesphone

412 × 960 viewport: which devices use it?

412 × 960CSS px · 9:21

412 × 960 is the CSS viewport of 2 devices in our research, including the Samsung Galaxy Z Fold 7 — cover, Samsung Galaxy Z Flip 7. Turned sideways it becomes 960 × 412.

DeviceCSS viewportDPRPhysical pixelsYear
Samsung Galaxy Z Fold 7 — cover412×9602.6251080×25202025
Samsung Galaxy Z Flip 7412×9602.6251080×25202025

Check your site at 412 × 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 412px wide

Breakpoints

Tailwind: base styles only (below sm, 640px). Bootstrap: xs. Sideways (960px): Tailwind md (sm: md: styles apply).

Room for content

380px with 16px side padding, 364px with 24px. Anything fixed wider than 412px makes the page scroll sideways (how to fix it).

All devices 412px wide, whatever their height.

Nearby sizes

Questions people ask

Which phone have a 412 × 960 viewport?

Samsung Galaxy Z Fold 7 — cover, Samsung Galaxy Z Flip 7.

Is 412 × 960 the screen resolution?

No, it’s the viewport in CSS pixels. The physical screen has more pixels: the Samsung Galaxy Z Fold 7 — cover is 1080 × 2520 (DPR 2.625); the Samsung Galaxy Z Flip 7 is 1080 × 2520 (DPR 2.625).

Which breakpoint does a 412px wide screen use?

Tailwind CSS: base styles only (below sm, 640px). Bootstrap: xs.

Guides that help