Поменять местами блоки в родительскому Grid?

Как поменять местами два последних блока. Тоесть сначала 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>


Ответы (1 шт):

Автор решения: Хмельни́цький

Возьмите эти два элемента и поменяйте их местами в html разметке =)

.main {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: 383px;
}
<div class="main">
  <div>Header</div>
  <div>Info</div>
  <div>Slider</div>
</div>

→ Ссылка