Tailwind CSS

5.

Flexbox Layout System

5.1.

Flex Container Properties

5.1.1.

Flex Direction Control

5.1.1.1.

5.1.1.2.

Column Direction

5.1.1.3.

Reverse Directions

5.1.2.

Flex Wrap Behavior

5.1.2.1.

5.1.2.2.

No Wrap Settings

5.1.2.3.

5.1.3.

Justify Content Alignment

5.1.3.1.

Start Alignment

5.1.3.2.

5.1.3.3.

Center Alignment

5.1.3.4.

Space Distribution

5.1.4.

Align Items Control

5.1.4.1.

Cross-Axis Alignment

5.1.4.2.

Baseline Alignment

5.1.4.3.

Stretch Behavior

5.1.5.

Align Content Management

5.1.5.1.

Multi-Line Alignment

5.1.5.2.

Content Distribution

5.2.

Flex Item Properties

5.2.1.

Flex Grow Behavior

5.2.2.

Flex Shrink Control

5.2.3.

Flex Basis Settings

5.2.4.

Align Self Override

5.2.5.

5.2.5.1.

Order Utilities

5.2.5.2.

Custom Order Values

5.3.

Advanced Flexbox Patterns

5.3.1.

Common Layout Patterns

5.3.2.

Responsive Flex Behavior

5.3.3.

Flex Item Sizing Strategies

Previous

4. Layout Utilities

Go to top

Next

6. CSS Grid Layout System