Screen sizestablet

820 × 1180 viewport: which devices use it?

820 × 1180CSS px · 13:9

820 × 1180 is the CSS viewport of 2 devices in our research, including the iPad Air 11″ (M2–M4), iPad 11″ (A16) / 10th gen. It’s the #5 most common tablet screen size worldwide (5.07%, Aug 2026). Turned sideways it becomes 1180 × 820.

DeviceCSS viewportDPRPhysical pixelsYear
iPad Air 11″ (M2–M4)820×118021640×23602026
iPad 11″ (A16) / 10th gen820×118021640×23602025

Check your site at 820 × 1180

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

Breakpoints

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

Room for content

788px with 16px side padding, 772px with 24px. Anything fixed wider than 820px makes the page scroll sideways (how to fix it).

All devices 820px wide, whatever their height.

Nearby sizes

Questions people ask

Which tablet have a 820 × 1180 viewport?

iPad Air 11″ (M2–M4), iPad 11″ (A16) / 10th gen.

Is 820 × 1180 the screen resolution?

No, it’s the viewport in CSS pixels. The physical screen has more pixels: the iPad Air 11″ (M2–M4) is 1640 × 2360 (DPR 2); the iPad 11″ (A16) / 10th gen is 1640 × 2360 (DPR 2).

Which breakpoint does a 820px wide screen use?

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

How common is 820 × 1180?

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

Guides that help