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 tod...