Используйте явные значения, проверяйте каждую строку кода и сохраняйте осмысленный документ до визуального размещения.
Начните с задачи размера
Трек fr делит свободное место, px задаёт фиксированный размер, auto следует внутреннему размеру, а minmax(минимум px, максимум fr) сохраняет проверяемый минимум и участвует в распределении остатка. GridWeave точно сериализует эти четыре профиля и отклоняет значения вне границ. Используйте fr для гибких пропорций, auto для строк по содержимому и minmax, когда гибкой колонке нужен явный минимум. Фиксированные пиксели проверяйте с масштабом и переводами.
Comptez les pistes explicites
Каждый элемент соответствует одной записи grid-template-columns или grid-template-rows. Новая строка или колонка получает 1fr; уменьшение отклоняется, если обрежет существующую область. Модель не перемещает содержимое молча. После копирования проверьте список в коде и добавьте адаптивные изменения обычными media- или container-запросами там, где они нужны.
Проверьте реальный порядок документа
GridWeave показывает проверенную визуальную сетку, а не смысл или порядок чтения страницы. Сохраняйте логичную последовательность исходного HTML, которая работает без CSS, затем проверяйте клавиатуру, масштаб, длинные переводы, узкие экраны и вспомогательные технологии в реальном компоненте. Добавляйте адаптивные точки явно в своей таблице стилей: сгенерированные треки описывают только текущий макет. Капсула ничего не хранит, поэтому сохраните принятые CSS и HTML под контролем версий.