Как создать список товаров в одном div?

Question

[Adidamr]

Я бы хотел узнать: как можно сделать список товаров, добавляя в один div неограниченное число карточек товаров. При добавлении они выходят за пределы контейнера. А нужно, чтобы можно было добавлять товары и они переносились на новую строку, а не уходили за пределы страницы. Может нужно что-то на js сделать или css исправить?
Заранее спасибо за ответ

Answer 1

[Антон Иванов]

Flex вам в помощь. Отлично расписано что и как делается вот тут
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Comments

[Denis Melnikov]

или grid

[Антон Иванов]

Denis Melnikov, можно и грид, спасибо за уточнение

Answer 2

[Arkady Romanov]

Вы можете использовать Flex. У главного контейнера, куда Вы планируете добавлять сами блоки товаров, следует уставить параметр flex-wrap: wrap; По умолчанию этот параметр имеет значение nowrap. Именно поэтому ваши элементы и не переносятся на другую строку.