Используйте явные значения, проверяйте каждую строку кода и сохраняйте осмысленный документ до визуального размещения.
Задайте обе колонки явно
Используйте minmax(200px, 1fr) для sidebar, 3fr для content, одну строку 1fr и интервал 24 px. Назовите левую ячейку sidebar, правую content. Если добавить вторую строку, её свободные ячейки будут точками до создания нового прямоугольника. Проверьте минимум 200 px с длинными подписями и масштабом и добавьте одноколоночную точку в реальном компоненте.
Проверьте реальный порядок документа
GridWeave показывает проверенную визуальную сетку, а не смысл или порядок чтения страницы. Сохраняйте логичную последовательность исходного HTML, которая работает без CSS, затем проверяйте клавиатуру, масштаб, длинные переводы, узкие экраны и вспомогательные технологии в реальном компоненте. Добавляйте адаптивные точки явно в своей таблице стилей: сгенерированные треки описывают только текущий макет. Капсула ничего не хранит, поэтому сохраните принятые CSS и HTML под контролем версий.