¿Qué es Flexbox ? y ¿Cómo usarlo?

¿Qué es Flexbox?
Es el tipo de display en css que permite un manejo flexible de la alineación, dimensionamiento y distribución de elementos html.

¿Dónde se aplica Flexbox?
Esta propiedad se aplica al elemento padre, pero va a afectar principalmente a sus elementos hijos directos, alineándolos uno tras de otro.

Los elementos hijos de un padre con propiedad display: flex tienen a su disposición algunas nuevas propiedades que aportan mayor flexibilidad a su comportamiento, como por ejemplo:

• flex-shrink y flex-wrap del padre: Permite adaptar y distribuir los elementos de manera dinámica en el espacio horizontal disponible hasta ocupar todo el espacio, y luego pasar a ocupar dinamicamente las siguiente filas hacia abajo.