Widthsphone

Devices with a 430px wide viewport

430px3 devices

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

DeviceCSS viewportDPRPhysical pixelsYear
iPhone 16 Plus430×93231290×27962024
iPhone 15 Pro Max / 15 Plus430×93231290×27962023
iPhone 14 Pro Max430×93231290×27962022

Check your site at 430px

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

Breakpoints

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

Room for content

398px with 16px side padding, 382px with 24px. Anything fixed wider than 430px makes the page scroll sideways (fix it).

Sharp images

At DPR 3, a full-width image needs 1290px of real pixels.

Every height at this width

430 × 932

Nearby widths

Questions people ask

Which phones have a 430px wide viewport?

iPhone 16 Plus, iPhone 15 Pro Max / 15 Plus, iPhone 14 Pro Max.

Is 430px the screen resolution?

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

Which breakpoint applies at 430px?

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

Guides that help