Как перенести дочерний элемент flex контейнера на новую строку?

Question

[Евгений Карпов]

У меня есть 3 дочерних элемента в flex контейнере, выстроенных в один ряд, каким правилом можно перенести последний дочерний элемент ниже или отменить свойства flex для данного элемента?

Answer 1

[Neyury]

Прописать контейнеру flex-wrap: wrap;, после чего все его элементы смогут выстраиваться в несколько строк. Для того чтобы последний элемент попал на новую строку, ему не должно хватать места на текущей. (задать ему width: 100%; или у других двух width: 50%; как вариант)

Comments

[Евгений Карпов]

тогда при адаптации на новую строку перепрыгивает второй элемент

[Ankhena]

Евгений Карпов: при адаптации изменяйте ширину.

Answer 2

[Тимур Орлов]

Не выходит такой вариант, 100% делится на три, вообще никакие величины не берут этот Флекс....чтоб ему провалиться.