Screen sizesphone

360 × 780 viewport: which devices use it?

360 × 780CSS px · 19.5:9

360 × 780 is the CSS viewport of 4 devices in our research, including the Samsung Galaxy S26, Samsung Galaxy S25, Samsung Galaxy S24. It’s the #6 most common phone screen size worldwide (3.17%, Aug 2026). Turned sideways it becomes 780 × 360.

DeviceCSS viewportDPRPhysical pixelsYear
Samsung Galaxy S26360×78031080×23402026
Samsung Galaxy S25360×78031080×23402025
Samsung Galaxy S24360×78031080×23402024
Samsung Galaxy S23360×78031080×23402023

Check your site at 360 × 780

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

Breakpoints

Tailwind: base styles only (below sm, 640px). Bootstrap: xs. Sideways (780px): Tailwind md (sm: md: styles apply).

Room for content

328px with 16px side padding, 312px with 24px. Anything fixed wider than 360px makes the page scroll sideways (how to fix it).

All devices 360px wide, whatever their height.

Nearby sizes

Questions people ask

Which phone have a 360 × 780 viewport?

Samsung Galaxy S26, Samsung Galaxy S25, Samsung Galaxy S24, Samsung Galaxy S23.

Is 360 × 780 the screen resolution?

No, it’s the viewport in CSS pixels. The physical screen has more pixels: the Samsung Galaxy S26 is 1080 × 2340 (DPR 3); the Samsung Galaxy S25 is 1080 × 2340 (DPR 3).

Which breakpoint does a 360px wide screen use?

Tailwind CSS: base styles only (below sm, 640px). Bootstrap: xs.

How common is 360 × 780?

3.17% of mobile screens worldwide (#6) in Aug 2026, according to StatCounter.

Guides that help