Carga la plantilla de tarjetas. Seis hijos en orden DOM usan flex: 1 1 180px. El contenedor row permite salto, inicia cada línea al comienzo, estira en el eje transversal y separa filas y columnas 20px. El número por línea depende después del ancho interior, gap, basis y contenido.
Grow llena cada línea por separado
Tras decidir el salto, los grow iguales comparten el sobrante de cada línea. La última con menos tarjetas puede crear tarjetas más anchas. Es comportamiento normal de Flexbox, no garantía de cuadrícula. Si necesitas columnas iguales en todas las filas, usa CSS Grid en vez de imitar una matriz bidimensional.
Prueba los mínimos intrínsecos
Una base de 180px es inicial, no un mínimo o máximo absoluto. Texto sin cortes, imágenes y controles afectan al mínimo automático y al desbordamiento. Prueba contenido representativo y zoom. Añade min-width, saltos o consultas deliberadamente; el generador no inventa reglas del producto.
Verifica el componente real
FlexWeave representa el modelo visual validado con el navegador actual, pero desconoce tu contenido, modo de escritura, controles enfocables y anchos compatibles. Integra las reglas en el componente, conserva un orden HTML significativo y prueba anchos estrechos, zoom, traducciones largas, teclado y tecnologías de asistencia. La dirección inversa y order nunca demuestran una secuencia de lectura correcta. Guarda CSS y HTML en control de versiones porque la cápsula no conserva proyectos.