Как правильно перенести блок из aside при адаптиве?

Question

[Андрей Зырянов]

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

Пробовал сделать это на одних флексах, но ничего не вышло, выручил float.
Пример кода: https://codepen.io/viseko/pen/zYZExKp

Подскажите пожалуйста, есть ли более красивые способы выполнить подобную вёрстку? И насколько "кошерно" смешивать aside с остальными секциями страницы?

Answer 1

[Андрей Зырянов]

Понял, как сделать это на флексах: https://codepen.io/viseko/pen/VwpMeGJ

Но идею вклинить aside между секциями отмёл, поэтому решил поместить секцию с новостями между остальных секций и на десктопных разрешениях перемещать её в aside скриптом.