Screen sizesphone

412 × 924 viewport: which devices use it?

412 × 924CSS px · 20.2:9

412 × 924 is the CSS viewport of 4 devices in our research, including the Google Pixel 10, Google Pixel 10a, Google Pixel 9. Turned sideways it becomes 924 × 412.

DeviceCSS viewportDPRPhysical pixelsYear
Google Pixel 10412×9242.6251080×24242025
Google Pixel 10a412×9242.6251080×24242026
Google Pixel 9412×9242.6251080×24242024
Google Pixel 9a412×9242.6251080×24242025

Check your site at 412 × 924

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 (924px): 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 × 924 viewport?

Google Pixel 10, Google Pixel 10a, Google Pixel 9, Google Pixel 9a.

Is 412 × 924 the screen resolution?

No, it’s the viewport in CSS pixels. The physical screen has more pixels: the Google Pixel 10 is 1080 × 2424 (DPR 2.625); the Google Pixel 10a is 1080 × 2424 (DPR 2.625).

Which breakpoint does a 412px wide screen use?

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

Guides that help