Chargez le préréglage de cartes. Six enfants en ordre DOM utilisent flex: 1 1 180px. Le conteneur row retourne les lignes, les commence au début, étire sur l’axe transversal et espace lignes et colonnes de 20px. Le nombre par ligne dépend ensuite de la largeur intérieure, gap, basis et contenu.
Grow remplit chaque ligne séparément
Après le retour, les grow égaux partagent le reste de chaque ligne. La dernière ligne, moins remplie, peut donc avoir des cartes plus larges. C’est le comportement normal de Flexbox, pas une garantie de grille. Si vous exigez les mêmes colonnes sur toutes les lignes, utilisez CSS Grid plutôt que d’imiter une matrice.
Testez les minimums intrinsèques
Un basis de 180px est une taille initiale, pas un minimum ou maximum absolu. Texte sans coupure, images et contrôles affectent le minimum automatique et le débordement. Testez le vrai contenu et le zoom. Ajoutez min-width, coupures ou requêtes volontairement ; le générateur n’invente pas ces règles spécifiques.
Vérifiez le vrai composant
FlexWeave rend le modèle visuel validé avec le navigateur courant, mais ignore votre contenu, mode d’écriture, contrôles focalisables et largeurs prises en charge. Intégrez les règles au composant, gardez un ordre HTML cohérent et testez faible largeur, zoom, traductions longues, clavier et technologies d’assistance. Direction inversée et order ne prouvent jamais une bonne séquence de lecture. Conservez CSS et HTML sous gestion de versions, car la capsule ne garde aucun projet.