Your Company
Open main menu
Tools
Guide
About
Flexbox visual Guide
Justify content
01
02
03
04
justify-content: flex-start
justify-content: flex-end
justify-content: center
justify-content: space-between
justify-content: space-around
justify-content: space-evenly
Align Items
01
02
03
04
align-items: flex-start
align-items: flex-end
align-items: center
align-items: baseline
align-items: stretch
Flex Direction
01
02
03
04
flex-direction: row
flex-direction: row-reverse
flex-direction: column
flex-direction: column-reverse
Align Content
01
02
03
04
align-content: flex-start
align-content: flex-end
align-content: center
align-content: space-between
align-content: space-around
align-content: space-evenly
align-content: stretch
Align Self
01
02
03
04
align-self: auto
align-self: flex-start
align-self: flex-end
align-self: center
align-self: stretch
align-self: baseline