Как сделать такое преобразование flex-элемента?

Question

[mortyy]

Имеется грид из элементов при уменьшении разрешения экрана количество элементов в ряду уменьшается и в конце остается только один элемент, занимающий 100% ширины экрана и теперь нужно, чтобы элемент превратился вот в такой:

Можно ли это сделать использую только flexbox без медиа запросов ?

Comments

[Ярослав Иванов]

зачем тут флекс когда флоат справится как надо ?

Answer 1

[Андрей Федоров]

codepen.io/aliencash/pen/NdxjQr?editors=1100#0
Почему медиазапросы не угодили?