Как перенести нижний блок вверх в потоке?

Question

[Aison]

Как можно перенести нижний div в данном примере наверх, но оставить его в том же потоке?

<div class="main"></div>
<div class="side-right">Расположить над main</div>

если не поняли, нужно заставить side-right переползти вверх при маленьком разрешении, а main показывать ниже side-right. как бы поставить side-right на первое место, но при этом оставить его в html на втором... надеюсь понятно описал)

Answer 1

[g33km]

Все это обернуть в контейнер, которому дать

.container { 
display: flex;
flex-direction: column;
}

Затем на необходимом разрешении экрана присвоить:

.main { 
order: 1; 
}

Comments

[Aison]

спасибо