Guía Básica de CSS Flexbox

¿Qué es flex-box?

Es un modelo unidimensional de layout, que ayuda a distribuir el espacio entre ítems de una interfaz y mejorar las capacidades de alineación.  

El layout de CSS consiste en un elemento padre(contenedor) que tiene uno o más elementos hijo(item).   

La propiedad CSS flex-direction especifica cómo colocar los objetos flexibles en el contenedor flexible definiendo el eje principal y la dirección (normal o al revés).

La propiedad CSS justify-content define cómo el navegador distribuye el espacio entre y alrededor de los items flex, a lo largo del eje principal de su contenedor.

La propiedad CSS align-items establece el valor align-self sobre todos los descendientes directos de un grupo. La propiedad align-self indica la alineación de un elemento dentro del bloque que lo contiene.

La propiedad flex-wrap de CSS  especifica si los elementos "hijos" son obligados a permanecer en una misma línea o pueden fluir en varias líneas. 

Eso sería todo por hoy, un saludo.