Как запретить растягивание контента display:flex?

Question

[korner-brazers]

Прошу помощи, столкнулся вот с такой проблемой



Аватарки растягивают контент, из за чего появляется нижний скролл, сами аватарки поместил в контейнер display: flex и выравнивание по центру, так как заказчик сказал что-бы аватарки появлялись из центра.

Ранее также сталкивался с этой проблемой, но тогда решалось путем overflow: hidden у родителей, на сей раз такое не катит так как у родителя есть тень.

Собственно вопрос, как запретить растягивание контента у display: flex?

Страница для наглядности https://profi.ngens.ru/unk/dist/index.html

Answer 1

[David Halkin]

ну учитывая что по дефаулту дисплей флекс - но-врап, то всё верно. тут 2 варианта:
1.ставить врап на родителя и спыпать детей
2. эта строка вообще просто как галерея и на минималках нету новой строки и будет просто или кастомный скролл или стрелки влево\вправо

Answer 2

[SagePtr]

Для начала нужно решить, как именно должна выглядеть строка в случае, если элементы не помещаются. Вижу тут несколько вариантов:
1. Переносить на новую строку, новую строку центрировать
2. Переносить на новую строку, но выравнивать слева, если контента не хватает на 2 строки - выравнивать по центру
3. Отображать только то, что влезает в строку
4. Прокручивать.
От этого и плясать