#CSS FLEXBOX
Summary of : http://la-cascade.ghost.io/flexbox-guide-complet/
display: flex | inline-flex;
flex-direction: row (default) | row-reverse | column | column-reverse
flex-wrap: nowrap (default) | wrap | wrap-reverse
flex-flow: <‘flex-direction’> || <‘flex-wrap’>
justify-content: flex-start (default) | flex-end | center | space-between | space-around
align-items: flex-start | flex-end | center | baseline | stretch (default)
align-content: flex-start | flex-end | center | space-between | space-around | stretch (default)
https://developer.mozilla.org/en-US/docs/Web/CSS/order
order: <integer> (defaut: 0)
flex-grow: <integer> (defaut: 0)
flex-shrink: <integer> (defaut: 1)
flex-basis: <width> | auto (defaut)
Recommanded syntax
flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ] (default: 0 1 auto)
align-self: auto | flex-start | flex-end | center | baseline | stretch (default)