Flexbox (Flexible Box Layout) es un módulo CSS para el diseño unidimensional que organiza de forma flexible los elementos en filas o columnas, ideal para diseños responsivos. En diseño web , simplifica la alineación y la distribución; en SEO, facilita la optimización para dispositivos móviles.
Flexbox organiza los elementos en una dirección, horizontal o verticalmente, y distribuye el espacio disponible entre ellos. Esto resuelve problemas en tres filas que antes requerían el uso indebido de tablas o elementos flotantes.
La regla general para distinguirlos es la siguiente: Flexbox para un eje, Grid para dos. Un encabezado con un logotipo a la izquierda y la navegación a la derecha es Flexbox. Una cuadrícula de doce tarjetas con columnas y filas idénticas es Grid. Quien diseñe todo con Flexbox tendrá problemas con los saltos de línea a partir de la segunda fila; quien diseñe todo con Grid se encontrará con dificultades incluso con filas simples.
Volver al glosario