A max-width wrapper that centers content and provides consistent horizontal padding across breakpoints.
Full width
w-full — stretches to fill its parent
Extra large — max-w-7xl
Suited for wide dashboards and data-heavy layouts
Large — max-w-5xl
Good for marketing pages and content-rich layouts
Medium — max-w-3xl
Ideal for reading-focused pages and long-form content
Small — max-w-xl
Forms, sign-in flows, and focused single-column tasks