Как поменять местами два последних блока. Тоесть сначала Header, за ним Info, Slider
.main {
display: grid;
grid-gap: 24px;
grid-template-columns: 383px;
}
<div class="main">
<div>Header</div>
<div>Slider</div>
<div>Info</div>
</div>
Возьмите эти два элемента и поменяйте их местами в html разметке =)
.main {
display: grid;
grid-gap: 24px;
grid-template-columns: 383px;
}
<div class="main">
<div>Header</div>
<div>Info</div>
<div>Slider</div>
</div>
.main > div:nth-last-child(2) { order:1 }