Vocabulary of useful material regarding flexbox model.

Everything what you need to know about flexbox

What is Flexbox? What is flex container and flex items? link
The Flex container properties link
- flex-direction: row || column || row-reverse || column-reverse link
- flex-wrap: wrap || nowrap || wrap-reverse link
- flex-flow: shorthand offlex-direction&flex-wrap` link
- justify-content: flex-start || flex-end || center || space-between || space-around link
- align-items: flex-start || flex-end || center || stretch || baseline link
- align-content: flex-start || flex-end || center || stretch || baseline link
The Flex item properties link
order link
flex-grow and flex-shrink link
flex-basis link
The flex shorthand for flex-grow, flex-shrink, flex-basis link
- flex: default as flex: 0 1 auto
- flex: none as flex: 0 0 auto
- flex: auto as flex: 1 1 auto
- flex: {positive number} as flex: {positive number} 1 0
align-self: auto || flex-start || flex-end || center || baseline || stretch link
The definition of absolute and relative flex-items link
margin: auto on flex-items link
What happens when you switch flex-direction? link
Tutorial demo

Oh my gosh, Flexbox solved that?