Screen sizesphone

412 × 915 viewport: which devices use it?

412 × 915CSS px · 20:9

412 × 915 is the CSS viewport of 2 devices in our research, including the Google Pixel 8, Google Pixel 8a. It’s the #7 most common phone screen size worldwide (3.13%, Aug 2026). Turned sideways it becomes 915 × 412.

DeviceCSS viewportDPRPhysical pixelsYear
Google Pixel 8412×9152.6251080×24002023
Google Pixel 8a412×9152.6251080×24002024

Check your site at 412 × 915

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

Google Pixel 8, Google Pixel 8a.

Is 412 × 915 the screen resolution?

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

Which breakpoint does a 412px wide screen use?

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

How common is 412 × 915?

3.13% of mobile screens worldwide (#7) in Aug 2026, according to StatCounter.

Guides that help