Utilisez des valeurs explicites, contrôlez chaque ligne générée et gardez un document source cohérent avant le placement visuel.
Traitez le modèle comme une matrice
Chaque ligne entre guillemets contient autant de jetons que de colonnes explicites. GridWeave remplit le rectangle avec un nom minuscule validé et produit un point pour chaque cellule libre. Un même nom ne peut former des îlots ni un L : CSS exige un rectangle plein unique. L’éditeur utilise donc départ et étendues positives plutôt qu’une peinture libre.
Gardez noms et placements vérifiables
Les noms utilisent un identifiant minuscule strict afin que classe, grid-area et HTML concordent sans échappement. Noms CSS réservés, doublons, chevauchements et sorties de grille sont refusés. Les cellules vides restent visibles par des points. Ces contraintes rendent le résultat prévisible, mais ne choisissent pas l’élément sémantique : remplacez les div indicatives par les repères adaptés.
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.