Cacher is the code snippet organizer for pro developers

//Main Div
display: flex;

//size of Box in a div (use children)
flex : [number] ;
ex => flex : 2;

//Order show flex box (use children)
order : [number of order]

//Align Item
align-items : flex-start/flex-end/center/baseline/ stretch (default)

//justify-content
justify-content : flex-start (default)/flex-end/center/space-between/space-around/space-evenly

//flex-wrap
flex-wrap: nowrap | wrap | wrap-reverse

//Flex direction
flex-direction: row | row-reverse | column | column-reverse