Interactive Flexbox Examples

1. Flex Direction: Row

Row 1

Row 2

Row 3

2. Flex Direction: Column

Column 1

Column 2

Column 3

3. Flex Wrap

Wrap 1

Wrap 2

Wrap 3

Wrap 4

Wrap 5

4. Justify Content: Center

Center 1

Center 2

5. Justify Content: Space Between

Between 1

Between 2

Between 3

6. Align Items: Start

Start 1

Start 2

Start 3

7. Align Items: End

End 1

End 2

End 3

8. Align Self

Self Start

Align Start

Self End

9. Flex Grow

Grow 1

Grow 2

Grow 1