0

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

2
  • 2
    Очень просто: выбрать предпоследний элемент и сделать его последним при помощи положительного значения свойства order: .main > div:nth-last-child(2) { order:1 } Commented 4 окт. 2021 в 8:43
  • Это слишком вычурно, можно просто поменять их местами в html разметке =) Commented 4 окт. 2021 в 20:59

1 ответ 1

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>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.