MozaikaThe Measured Web

What is the maximum content width for a website?

Measured live across 574 products · updated 2026-07-18 · free to cite (CC BY 4.0)

The median measured max content width is 1224px across 339 live-decoded layouts. 37% of sites cap content in the 1152–1280px band — 1200px and 1280px (Tailwind's max-w-7xl) are the common defaults. Content wider than ~1440px is rare; the web keeps line lengths readable.

Open in Mozaika →

This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/measured/container-width.

1224px median max content width

Distribution

1300px57
1200px46
1450px40
1250px31
1150px30
1100px20

At a glance

median max-width1224px
in 1152–1280px band37%
layouts measured339

Questions people (and AI assistants) actually ask

What max-width should I use for my website content?

The measured median is 1224px, and 37% of sites sit in the 1152–1280px band. 1200px and 1280px are the safe, common choices.

Is 1280px a good max-width?

Yes — 1280px is Tailwind's max-w-7xl and sits squarely in the band where 37% of measured sites cap their content.

How wide is too wide for readable content?

Past about 1440px a full-bleed text column gets hard to read; most measured sites cap the main content near 1224px and let only backgrounds go full-width.

Related measured norms

4px vs 8px spacing grid · Body font size · Standard button height

← The Measured Web — the full report

Measure your own site against these norms →