Используйте явные значения, проверяйте каждую строку кода и сохраняйте осмысленный документ до визуального размещения.
Считайте шаблон матрицей
В каждой строке grid-template-areas ровно столько токенов, сколько явных колонок. GridWeave заполняет выбранный прямоугольник проверенным строчным именем, а для свободной ячейки выводит точку. Одно имя не может образовывать два острова или букву Г: CSS требует один заполненный прямоугольник. Поэтому редактор принимает начало и положительные размеры, а не произвольное закрашивание.
Сохраняйте имена и размещение проверяемыми
Имена используют строгий строчный идентификатор, поэтому класс, grid-area и HTML согласованы без экранирования. Служебные имена CSS, дубликаты, пересечения и выход за сетку отклоняются. Пустые ячейки видны как точки. Эти ограничения делают результат предсказуемым, но не выбирают семантический элемент: замените div-заготовки подходящими ориентирами в компоненте.
Проверьте реальный порядок документа
GridWeave показывает проверенную визуальную сетку, а не смысл или порядок чтения страницы. Сохраняйте логичную последовательность исходного HTML, которая работает без CSS, затем проверяйте клавиатуру, масштаб, длинные переводы, узкие экраны и вспомогательные технологии в реальном компоненте. Добавляйте адаптивные точки явно в своей таблице стилей: сгенерированные треки описывают только текущий макет. Капсула ничего не хранит, поэтому сохраните принятые CSS и HTML под контролем версий.