Last updated on March 19, 2026

Max-Width

Edit

Usage

Please refer to the documentation on the Tailwind CSS website

Compatibility

ClassSupport
max-w-0
✅ Supported
max-w-[n]
✅ Supported
max-w-{n}
✅ Supported
max-w-full
✅ Supported
max-w-screen-sm
✅ Supported
max-w-screen-md
✅ Supported
max-w-screen-lg
✅ Supported
max-w-screen-xl
✅ Supported
max-w-screen-2xl
✅ Supported
max-w-min
🌐 Web only
max-w-max
🌐 Web only
max-w-fit
🌐 Web only
max-w-prose
🌐 Web only
Legend

Class

-{n} Supports values from theme

-[n] Supports arbitrary values

Icon

✅ Supported

✔️ Partial support on native

🧪 Experimental support on native

📱 Native only

🌐 Web only

On this page