Primeros pasos con Flexbox

Flexbox organiza elementos dentro de un eje principal. Es una herramienta útil cuando una fila o una columna debe repartir el espacio disponible.

Entender el contenedor

La distribución depende de la relación entre un contenedor flexible y sus elementos. Empieza con pocos bloques para reconocer qué cambia.

El eje principal y el transversal no siempre corresponden a horizontal y vertical. La dirección del contenedor determina esa relación.

Espacio y tamaño

Prueba la alineación y la separación con textos de distintas longitudes. Un ejemplo con bloques idénticos no muestra todos los casos.

Observa qué sucede cuando el contenido necesita más espacio. La flexibilidad debe conservar la legibilidad en lugar de comprimirlo todo sin límite.

Revisar diferentes anchos

Cambia el tamaño de la ventana de forma gradual. El punto donde la distribución deja de funcionar depende del contenido.

Flexbox puede combinarse con otras herramientas. No tiene que resolver por sí solo toda la estructura de la página.

Seguir aprendiendo

Relaciona esta lectura con los demás recursos de Yovrix y prueba las ideas en un proyecto pequeño. Las imágenes, cuando aparecen, son ilustrativas.