Используйте явные значения, проверяйте каждую строку кода и сохраняйте осмысленный документ до визуального размещения.
Используйте пресет панели
Начните с колонок 1fr и 2fr, строк auto и 1fr и интервалов 16 px. Header занимает обе колонки первой строки; sidebar и main — вторую. Получатся строки «header header» и «sidebar main». Скопируйте код, замените заготовки правильными header, nav и main и сохраните логичный исходный порядок.
Проверьте реальный порядок документа
GridWeave показывает проверенную визуальную сетку, а не смысл или порядок чтения страницы. Сохраняйте логичную последовательность исходного HTML, которая работает без CSS, затем проверяйте клавиатуру, масштаб, длинные переводы, узкие экраны и вспомогательные технологии в реальном компоненте. Добавляйте адаптивные точки явно в своей таблице стилей: сгенерированные треки описывают только текущий макет. Капсула ничего не хранит, поэтому сохраните принятые CSS и HTML под контролем версий.