Как поменять элементы местами CSS

Вы можете поменять элементы местами с помощью свойства CSS order. Например, если у вас есть два элемента <div>, вы можете поменять их местами, установив для первого элемента order: 2; и для второго элемента order: 1;. Это переназначит порядок, в котором они отображаются на странице.

Пример:

HTML:

<div class="first">Первый элемент</div>
<div class="second">Второй элемент</div>

CSS:

.first {
  order: 2;
}

.second {
  order: 1;
}

Это поменяет порядок отображения элементов, так что второй элемент будет отображаться первым, а первый элемент — вторым.