Flexb💖x Tool

Made by Bintang Yoga Pamungkas

1

2

3

CSS Output

display: flex

flex-direction:

flex-wrap:

justify-content:

align-items:

align-content:

Flex Direction

Row (default)
Row-reverse
Column
Column-reverse

Flex Wrap

Nowrap (default)
Wrap
Wrap-reverse

Justify Content

Flex-start (default)
Flex-end
Center
Space-around
Space-between

Align Items

Stretch (default)
Baseline
Center
Flex-start
Flex-end

Align Content

Stretch (default)
Center
Flex-start
Flex-end
Space-around
Space-between