Как на меньше 1200 сделать как на скрине?

Question

[olya_097]

Как на <1200 сделать как на скрине?
https://codepen.io/anon/pen/vwwKGr

Answer 1

[Кирилл]

Так?

https://codepen.io/anon/pen/wbbNLY

Comments

[olya_097]

Кирилл, супер
огромное спасибо! Вы крут!!

[olya_097]

Кирилл, а зачем flex-basis: 100%; тут?

[Кирилл]

olya_097, растягивает блок на всю ширину экрана, чтобы переносился на следующую строку

[olya_097]

Кирилл, по факту тоже самое что и width: 100%?

[Кирилл]

olya_097, почти, только при flex-basis флексбокс ещё и растянуться может

Answer 2

[Денис Грибанов]

посмотрите в сторону свойства flex-контейнеров order https://developer.mozilla.org/ru/docs/Web/CSS/order

Comments

[olya_097]

Денис Грибанов , задаю
но что то не то