Как опустить сайдбар под контент?

Меняем местами элементы

1:<div class="col-9 archive-entry-list"></div>

2:<div class="col-3 sidebar"></div>

прописываем в стилях первому float:right;

P.S. Может это и не мое дело, но лучше использовать flex-box, а не float

В данном случае, рабочий вариант таков, что нужно переместить весь сайдбар в правую сторону, тогда на мобильной верстке сначала будет идти контент, потом сайдбар
Сейчас так:

<div class="col-3 sidebar">...</div>
<div class="col-9 archive-entry-list">...</div>

А надо так:

<div class="col-9 archive-entry-list">...</div>
<div class="col-3 sidebar">...</div>