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

Question

[Михаил Иванов]

Как поставить четвертый элемент на место первого(остальные не менять) при уменьшении экрана до 576px?

Answer 1

[Сергей Кутузов]

Второй раз сегодня такой вопрос.
Пишете в файле стилей правило

@media screen and (max-width: 576px){
  . четвёртый элемент{
      свойство первого элемента: значение свойства первого элемента;
}
}

И при указаной ширине экрана, четвёртый элемент займёт место первого. А первый элемент надо будет куда-то перенести или просто скрыть - display:none;
Вот тут подробненько разжёвано, как менять позиции элементов для экранов разной ширины