Screen sizestablet

876 × 1400 viewport: which devices use it?

876 × 1400CSS px · 10:16

876 × 1400 is the CSS viewport of 1 device in our research, including the Samsung Galaxy Tab S10+ / S9+. Turned sideways it becomes 1400 × 876.

DeviceCSS viewportDPRPhysical pixelsYear
Samsung Galaxy Tab S10+ / S9+876×140021752×28002024

Check your site at 876 × 1400

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

Breakpoints

Tailwind: md (sm: md: styles apply). Bootstrap: md. Sideways (1400px): Tailwind xl (sm: md: lg: xl: styles apply).

Room for content

844px with 16px side padding, 828px with 24px. Anything fixed wider than 876px makes the page scroll sideways (how to fix it).

Questions people ask

Which tablet has a 876 × 1400 viewport?

Samsung Galaxy Tab S10+ / S9+.

Is 876 × 1400 the screen resolution?

No, it’s the viewport in CSS pixels. The physical screen has more pixels: the Samsung Galaxy Tab S10+ / S9+ is 1752 × 2800 (DPR 2).

Which breakpoint does a 876px wide screen use?

Tailwind CSS: md (sm: md: styles apply). Bootstrap: md.

Guides that help