Flexbox Cheatsheet
flex-direction
flex-direction:
row (default)
row-reverse
flex-direction:
flex-direction:
column
column-reverse
flex-direction:
flex
normal div
flex: 1;
normal div
flex: 3;
flex: 1;
flex: 2;
align-items
align-items: scretch (default)
align-items: flex-start
align-items: center
align-items: flex-end
justify-content
justify-content: flex-start (default)
justify-content: center
justify-content: flex-end
justify-content:
space-around;
justify-content:
space-around;
justify-content:
space-between;
justify-content:
space-between;
align-self
flex-start
center
flex-end
stretch
(default)
flex-wrap
horizontal
lay
out
wrap