@kirill-93

Как сверстать flexbox?

Есть сетка товаров. Товары двух типов: "обычный" и "широкий".
Обычный товар занимает одну треть ширины контейнера, а широкий две трети.
Я сверстал это с помощью flexbox и все хорошо, но в последнем ряду блоки расползлись по краям.
Подскажите, пожалуйста, как сделать, чтоб в последнем ряду блоки шли друг за другом?

Codepen
  • Вопрос задан
  • 174 просмотра
Решения вопроса 2
webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...
Либо убрать justify-content: space-between; у блока .content.
Либо скриптом добавлять пустой блок в самый конец, это уже не раз обсуждалось на Тостере.
Ответ написан
Комментировать
@trofimovdev
Python
Вообще, для этого существует CSS Grid Layout, но поддержка хромает.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы