Last updated on January 12, 2026

Flex Direction

Edit

Usage

Please refer to the documentation on the Tailwind CSS website

Compatibility

Support applies to the documented values and platforms. See the RC compatibility notes for value limits and native migration alternatives. Browser behavior is evaluated separately.

ClassSupport
flex-row
✅ Supported
flex-col
✅ Supported
flex-row-reverse
✅ Supported
flex-col-reverse
✅ Supported
Legend

Class

-{n} Supports values from theme

-[n] Supports arbitrary values

Icon

✅ Full support

✔️ Partial support on native

🧪 Experimental support on native

📱 Native only

🌐 Web only

On this page