Container and page structure

Readable page containers

A page usually needs a horizontal constraint so content does not stretch indefinitely on large screens. Tailwind's max-width utilities are often more predictable than hard-coded widths.

Padding at the viewport edge

Combine a maximum width with responsive horizontal padding so content remains comfortable on small screens.

Sections

Use consistent vertical section spacing and a shared content width to make a page feel like one system.