Widthstablet

Devices with a 810px wide viewport

810px1 device

1 device gives web pages a 810 CSS pixel wide viewport, with heights from 1080 to 1080px. If your layout fits 810px, it fits all of them. Sizes this wide are about 5.26% of worldwide traffic in StatCounter’s top lists (Aug 2026).

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

Check your site at 810px

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

Breakpoints

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

Room for content

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

Sharp images

At DPR 2, a full-width image needs 1620px of real pixels.

Every height at this width

810 × 1080

Nearby widths

Questions people ask

Which tablets have a 810px wide viewport?

iPad 10.2″.

Is 810px the screen resolution?

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

Which breakpoint applies at 810px?

Tailwind CSS: md (sm: md: styles apply). Bootstrap: md. Media queries use this CSS width, not the screen resolution.

How common is a 810px wide screen?

Screen sizes 810px wide make up about 5.26% of the traffic in StatCounter’s top lists for Aug 2026 (810×1080: 5.26%).

Guides that help