Screen sizestablet

810 × 1080 viewport: which devices use it?

810 × 1080CSS px · 3:4

810 × 1080 is the CSS viewport of 1 device in our research, including the iPad 10.2″ (7th–9th gen). It’s the #4 most common tablet screen size worldwide (5.26%, Aug 2026). Turned sideways it becomes 1080 × 810.

DeviceCSS viewportDPRPhysical pixelsYear
iPad 10.2″ (7th–9th gen)810×108021620×21602021

Check your site at 810 × 1080

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

Breakpoints

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

Room for content

778px with 16px side padding, 762px with 24px. Anything fixed wider than 810px makes the page scroll sideways (how to fix it).

All devices 810px wide, whatever their height.

Nearby sizes

Questions people ask

Which tablet has a 810 × 1080 viewport?

iPad 10.2″ (7th–9th gen).

Is 810 × 1080 the screen resolution?

No, it’s the viewport in CSS pixels. The physical screen has more pixels: the iPad 10.2″ (7th–9th gen) is 1620 × 2160 (DPR 2).

Which breakpoint does a 810px wide screen use?

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

How common is 810 × 1080?

5.26% of tablet screens worldwide (#4) in Aug 2026, according to StatCounter.

Guides that help