What Size Are Websites Really?
Websites are responsive: they adapt to the visitor's screen. The sizes that matter are the viewport widths your visitors use, not a fixed page width.
| Device Class | Common Widths (CSS px) |
|---|---|
| Small phones | 320 – 414 (e.g. 360 × 640, 390 × 844) |
| Large phones | 414 – 480 |
| Tablets | 600 – 1024 (e.g. 768 × 1024, 834 × 1112) |
| Laptops | 1024 – 1440 |
| Desktops | 1280 – 2560+ (common 1920 × 1080) |
Recommended Content Widths
Designers usually limit the readable content area with a container:
- 960px — classic safe width, works everywhere.
- 1140px — a popular default for modern frameworks.
- 1200–1320px — Tailwind CSS defaults (max-w-7xl ≈ 1280px).
- 1440–1536px — for dashboards and data-heavy layouts.
Keep line length comfortable: 60–90 characters per line is ideal for readability, which is why full-width text on huge monitors is usually avoided.
Common Responsive Breakpoints
Breakpoints are where a layout changes. These are the defaults used by Tailwind CSS:
| Breakpoint | Min Width | Typical Use |
|---|---|---|
| sm | 640px | Phones in landscape / large phones |
| md | 768px | Tablets |
| lg | 1024px | Small laptops |
| xl | 1280px | Desktops |
| 2xl | 1536px | Large desktops |
Use this site's browser window checker to test your own design at these exact widths.
Frequently Asked Questions
What is the standard website size in pixels?
There is no fixed standard, but a 1200–1280px content container is a very common choice, with responsive breakpoints at 640, 768, 1024 and 1280px.
0
What is the best width for a website?
1
It depends on your audience. For most business sites, a container of 1140–1280px with a maximum line length of ~80 characters is safe and looks good on laptops and desktops.
How wide should a landing page be?
Keep the main content around 1200px or less so it looks clean on 1366px and 1440px screens without extreme line lengths. Hero sections can go full-bleed.