Flexbox: Eje y Distribución

Domina el diseño unidimensional. Alineación perfecta y control total del flujo de elementos.

Laboratorio de Alineación

1
2
3

Conceptos Clave

  • Flex Container: El padre que define el contexto flex.
  • Main Axis: El eje principal (horizontal por defecto).
  • Cross Axis: El eje perpendicular (vertical por defecto).
  • Justify Content: Distribución en el eje principal.

Pro Tip

Usa `flex: 1` para que un elemento ocupe todo el espacio sobrante de forma proporcional.