wa0s

Всем привет. Есть код-схема карточек товаров. Как с текущей разметкой сверстать на флексах так, чтобы полные ряды товаров (т.е. по 3 товара) вели себя как space-between, а не полный ряд как space-around? Если такое не возможно, какие могут быть пути решения? з.ы. варианты с ручным добавление margin к товарам неполного ряда не подходят

Все стало понятно, спасибо!

То что блок 2 не видит 1 понятно, но я не понимаю почему блок 1 также реагирует на форматирование марджина в 2. Ведь как я понимаю происходит, то что описано здесь в абзаце про вложенные элементы. Но почему так происходит? Ведь все теги в моем примере смежные, а не вложенные

В примере выше мне не совсем понятно, почему при указании margin-top блоку №2, блок №1 также опускается в низ. Как я понимал ситуацию: блоки 1 и 2 смежные, между ними нет связи родитель > дочерний, следовательно марджин не должен был выпадать. Body {padding-top 1px} исправляет ситуацию, но меня интересует именно причина возникновения проблемы с блоком №1 Просьба объяснить на "пальцах"