Как сделать жёсткий перенос flex элемента?

Добрый день. Имею flex контейнер с свойствами
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;


В нём расположены 5 элементов. У каждого разный по ширине контент.
Как сделать так что бы при определённом разрешении на первой строке оставались только 2 элемента, а остальные уходили на следующую строку?
В примере у некоторых контентных блоков жёстко задан размер, но на практике такого нет. Размер блока определяется его контентом.
В песочнице https://codepen.io/anon/pen/oMyxRG?
  • Вопрос задан
  • 980 просмотров
Пригласить эксперта
Ответы на вопрос 1
humiliation
@humiliation
Чем больше знаю - тем больше дурак
разное флекс поведение в зависимости от разрешения экрана, разная ширина родителя на каждый media. В бутстрапе 4 подобное хорошо реализовано классами:

https://getbootstrap.com/docs/4.0/utilities/flex/
Ответ написан
Ваш ответ на вопрос

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

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