Widthsphone

Devices with a 448px wide viewport

448px3 devices

3 devices give web pages a 448 CSS pixel wide viewport in portrait, with heights from 998 to 998px. If your layout fits 448px, it fits all of them.

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

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

Breakpoints

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

Room for content

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

Sharp images

At DPR 2.25, a full-width image needs 1008px of real pixels.

Every height at this width

448 × 998

Nearby widths

Questions people ask

Which phones have a 448px wide viewport?

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

Is 448px the screen resolution?

No. 448px is the width in CSS pixels, what web pages get. The screens have 2.25× as many physical pixels across (the device pixel ratio).

Which breakpoint applies at 448px?

Tailwind CSS: base styles only (below sm, 640px). Bootstrap: xs. Media queries use this CSS width, not the screen resolution.

Guides that help