Utilisez des valeurs explicites, contrôlez chaque ligne générée et gardez un document source cohérent avant le placement visuel.
Utilisez le préréglage tableau
Commencez par les colonnes 1fr et 2fr, les lignes auto et 1fr et des espacements de 16 px. Header couvre les deux colonnes de la première ligne ; sidebar et main occupent la seconde. Les lignes sont « header header » et « sidebar main ». Copiez le code, remplacez les indications par header, nav et main adaptés et gardez une source logique.
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.