Flexbox Cheatsheet

FLEXBOX CHEATSHEET
Condensed guide to Wikitext coding

Click on sort icon to put list in alphabetical order

<1--------------------------------------flexbox wraping------------------------------------------------>

Description	Flex coding	You Get
Placing objects in rows	display:flex	1 2 3
Placing objects at end of containers	justify-content:flex-end	1 2 3
Placing objects in the center of containers	justify-content:center	1 2 3
Placing objects evenly spaced across a containter	justify-content:space-between	1 2 3
Evenly spacing objects with space on either end	justify-content:space-around	1 2 3
Placing objects at end of containers	flex:#	1 2 3
Different flex numbers	Different flex numbers	1 2 3
flex zero	Box one with flex number zero	1 2 3
Change order in row	order:#	1 2 3
Wrapping boxes in limited space	flex-wrap:wrap	1 2 3
Placing objects in a column	flex-direction:column	1 2 3
Placing objects at end of containers	justify-content:flex-end	1 2 3
Placing objects at end of containers	justify-content:flex-end	1 2 3
Placing objects at end of containers	justify-content:flex-end	1 2 3
Placing objects at end of containers	justify-content:flex-end	1 2 3
Placing objects at end of containers	justify-content:flex-end	1 2 3
Placing objects at end of containers	justify-content:flex-end	1 2 3