Добавление дополнительной оси. Перенос строк. Адаптивность.

 

Flex-grow + flex-wrap и проблема, которая при этом возникает.

 

Перенос на новую строку при равномерной ширине flex элементов.

 

Задание

1) Сделать так, чтобы карточки товаров на планшетах соскакивали на новую строку по одной:

2) На мобильных телефонах карточки должны отображаться на всю ширину одна под другой:

Для реализации такого эффекта могут понадобится медиа-запросы.