Container

Max-width wrapper with responsive horizontal padding.

Default

Content centered with default max-width (max-w-6xl).

Max Widths

max="sm"
max="md"
max="lg"
max="xl"

Nested

Outer: max="lg"

Inner: max="sm"

Narrower content within a wider container.

Props

PropTypeDefaultDescription
max"sm" | "md" | "lg" | "xl" | "full""lg"Maximum width constraint.