Flexbox es una forma de alinear elementos en una fila o columna y adaptarlos al espacio disponible. Es como colocar tazas en un estante: pueden separarse o compartir el espacio cuando cambia el tamaño del estante.
Por ejemplo, una fila de enlaces de navegación puede seguir alineada cuando la ventana se ensancha o se estrecha. Flexbox también puede centrar un elemento o colocar un botón al final de una fila.
Funciona especialmente bien para una dirección a la vez: horizontal o vertical. Para diseños que necesitan filas y columnas juntas, Grid puede ser más adecuado.