@skuvaWeb

Как ровно расположить элементы по сетке?

У меня есть контейнер, у которого следующие свойства
display: flex;
justify-content: space-between;

У элемента внутри
flex: 0 1 calc(50% - 6px)
Получается следующее
5b1140ce999a2535378000.png

На больших экранах хочу показывать 3 в ряд, но если задать внутреннему элементу
flex: 0 1 calc(33.333% - 12px)
То второй контейнер, где только 2 элемента из-за свойства "space-between" расталкивает элементы по углам, а в центре получается пустое место (скрин ниже)
5b1141571f196415838163.pngВопрос
Как сделать так, чтобы при наличии трех и более элементов в контейнере они вставали по очереди с равными отступами, а при наличии двух шли друг за другом?
  • Вопрос задан
  • 113 просмотров
Пригласить эксперта
Ответы на вопрос 2
cashalot
@cashalot
Если я вам помог - пометьте мой ответ как решение
Используй не space-between, a flex-start. Просто блокам придется какой-нибудь margin задать, чтобы не липли.
Ответ написан
можно так, думаю разберетесь
https://jsfiddle.net/konratnox/w0o4tc83/
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы