Screen sizeslaptop

1728 × 1117 viewport: which devices use it?

1728 × 1117CSS px · 16:10.3

1728 × 1117 is the CSS viewport of 1 device in our research, including the MacBook Pro 16″ (2021–2026).

DeviceCSS viewportDPRPhysical pixelsYear
MacBook Pro 16″ (2021–2026)1728×111723456×22342026

Check your site at 1728 × 1117

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

Breakpoints

Tailwind: 2xl (sm: md: lg: xl: 2xl: styles apply). Bootstrap: xxl.

Room for content

1696px with 16px side padding, 1680px with 24px. Anything fixed wider than 1728px makes the page scroll sideways (how to fix it).

Nearby sizes

Questions people ask

Which laptop has a 1728 × 1117 viewport?

MacBook Pro 16″ (2021–2026).

Is 1728 × 1117 the screen resolution?

No, it’s the viewport in CSS pixels. The physical screen has more pixels: the MacBook Pro 16″ (2021–2026) is 3456 × 2234 (DPR 2).

Which breakpoint does a 1728px wide screen use?

Tailwind CSS: 2xl (sm: md: lg: xl: 2xl: styles apply). Bootstrap: xxl.

Guides that help