Utilisez des valeurs explicites, contrôlez chaque ligne générée et gardez un document source cohérent avant le placement visuel.
Rendez les deux colonnes explicites
Utilisez minmax(200px, 1fr) pour sidebar, 3fr pour content, une ligne 1fr et 24 px d’espacement. Nommez la cellule gauche sidebar et la droite content. Si vous ajoutez une seconde ligne, ses cellules libres deviennent des points jusqu’à la création d’un autre rectangle. Testez le seuil de 200 px avec libellés longs et zoom, puis ajoutez un point de rupture à une colonne respectant la source.
Vérifiez l’ordre réel du document
GridWeave prévisualise la grille visuelle validée, pas le sens ni l’ordre de lecture. Gardez le HTML source dans une séquence logique fonctionnant avant le CSS, puis testez clavier, zoom, traductions longues, faibles largeurs et technologies d’assistance dans le vrai composant. Ajoutez volontairement les points de rupture dans votre feuille : les pistes générées décrivent uniquement la disposition actuelle. La capsule ne garde rien, conservez donc CSS et HTML sous gestion de versions.