flex-1

The flex-1 class belongs to the flex group within the flexbox-and-grid category.

Resulting CSS

flex: 1 1 0%;

Other Flex Classes

flex-autoflex-initialflex-noneflex-growflex-grow-0
View other Flexbox and grid classes

Get Tailwind Scanner!

The absolute must-have tool for anyone using Tailwind CSS.

Scan, Edit, Export any tailwind site in browser to create the perfect UI - download the chrome extension!