Screen sizesphone

448 × 998 viewport: which devices use it?

448 × 998CSS px · 20:9

448 × 998 is the CSS viewport of 3 devices in our research, including the Google Pixel 10 Pro XL, Google Pixel 9 Pro XL, Google Pixel 8 Pro. Turned sideways it becomes 998 × 448.

DeviceCSS viewportDPRPhysical pixelsYear
Google Pixel 10 Pro XL448×9982.251344×29922025
Google Pixel 9 Pro XL448×9982.251344×29922024
Google Pixel 8 Pro448×9982.251344×29922023

Check your site at 448 × 998

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 448px wide

Breakpoints

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

Room for content

416px with 16px side padding, 400px with 24px. Anything fixed wider than 448px makes the page scroll sideways (how to fix it).

All devices 448px wide, whatever their height.

Nearby sizes

Questions people ask

Which phone have a 448 × 998 viewport?

Google Pixel 10 Pro XL, Google Pixel 9 Pro XL, Google Pixel 8 Pro.

Is 448 × 998 the screen resolution?

No, it’s the viewport in CSS pixels. The physical screen has more pixels: the Google Pixel 10 Pro XL is 1344 × 2992 (DPR 2.25); the Google Pixel 9 Pro XL is 1344 × 2992 (DPR 2.25).

Which breakpoint does a 448px wide screen use?

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

Guides that help