Flexbox es un módulo completo y no una sola propiedad, involucra muchas cosas, incluido todo su conjunto de propiedades. Algunos de ellos están destinados a establecerse en el contenedor (elemento padre, conocido como "contenedor flexible"), mientras que otros están destinados a establecerse en los elementos secundarios (dichos "elementos flexibles").

Si el diseño "regular" se basa tanto en direcciones de flujo en bloque como en línea, el diseño flexible se basa en "direcciones de flujo flexible".

Los elementos se distribuirán siguiendo el eje principal (desde el inicio principal hasta el final principal) o el eje transversal (desde el inicio transversal hasta el final transversal).

• Eje principal (main axis): el eje principal de un contenedor flexible es el eje principal a lo largo del cual se colocan los elementos flexibles. Cuidado, no es necesariamente horizontal; depende de la propiedad flex-direction (ver más abajo).
• Main start | main-end: los elementos flexibles se colocan dentro del contenedor comenzando desde el inicio principal hasta el final principal.
• Tamaño principal (main size): el ancho o alto de un artículo flexible, cualquiera que sea la dimensión principal, es el tamaño principal del artículo. La propiedad de tamaño principal del elemento flexible es la propiedad "ancho" o "alto", la que se encuentre en la dimensión principal.
• Eje transversal (cross axis): el eje perpendicular al eje principal se denomina eje transversal. Su dirección depende de la dirección del eje principal.
• Cross start | Cross end: las líneas flexibles se llenan con artículos y se colocan en el contenedor comenzando en el lado de inicio cruzado del contenedor flexible y yendo hacia el lado del extremo transversal.
• Tamaño cruzado (cross size): el ancho o alto de un artículo flexible, cualquiera que esté en la dimensión cruzada, es el tamaño cruzado del artículo. La propiedad de tamaño cruzado es cualquiera de "ancho" o "alto" que se encuentre en la dimensión cruzada.

🔺Propiedades🔺