Configura el contenedor
Elige dirección, salto, alineación y espacios acotados.
Tres pasos explícitos
Elige ejes, ajusta hijos y copia
Ajusta cada hijo directo
Usa grow, shrink, basis, align-self y orden visual explícitos.
Copia ambas representaciones
Mantén CSS junto a HTML con orden significativo.
Entrega de diseño frontend
Cuando Flexbox debe seguir auditable
- Prototipa navegación, panel centrado o tarjetas con salto.
- Compara grow, shrink y basis antes de integrar el código.
- Explora el orden visual conservando HTML en orden DOM.
Local por diseño
Convierte una idea en código Flexbox auditable
Configura el modelo, copia el código y prueba contenido, orden fuente y adaptación en el componente.