Загрузите пресет карточек. Шесть элементов в порядке DOM используют flex: 1 1 180px. Контейнер row переносит строки, начинает их от главного края, растягивает элементы по поперечной оси и задаёт интервалы 20px. Число карточек в реальном компоненте определяется внутренней шириной, gap, basis и содержимым.

Grow заполняет каждую линию отдельно

После распределения по линиям одинаковые grow делят остаток каждой линии отдельно. Поэтому последняя линия с меньшим числом карточек может дать более широкие карточки. Это обычный Flexbox, а не гарантия сетки. Если нужны одинаковые колонки во всех строках, используйте CSS Grid вместо имитации двумерной матрицы.

Проверьте внутренние минимумы

Basis 180px — исходный размер, а не безусловный минимум или максимум. Длинный непрерывный текст, изображения и контролы влияют на автоматический минимум и overflow. Проверьте реальное содержимое и масштаб. Добавляйте min-width, перенос или запросы явно: генератор не выдумывает правила продукта.

Проверьте реальный компонент

FlexWeave отображает проверенную визуальную модель текущим браузером, но не знает ваше содержимое, режим письма, фокусируемые элементы и диапазон ширин. Вставьте правила в реальный компонент, сохраните осмысленный порядок HTML и проверьте узкие экраны, масштаб, длинные переводы, клавиатуру и вспомогательные технологии. Обратное направление и order не подтверждают правильное чтение. Храните принятые CSS и HTML в системе контроля версий: капсула намеренно не сохраняет проект.