Как менять расположение блоков для мобильных устройств?

Question

[Дмитрий Поляков]

Допустим в десктопной версии есть два блока блок1 ниже него расположен блок2. В мобильной версии, по макету, блок2 должен быть выше блока1. Как это реализовывать? position:absolute; и свойствами позиционирования меняем расположение?
Такой вот вопрос, только сильно не пинайте : )

Answer 1

[Андрей]

Привет, в таком случае очень выручает flexbox со своим свойством order.

Comments

[Дмитрий Поляков]

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

[Дмитрий Поляков]

Переключитесь потом на мобильную версию шириной 320, что бы посмотреть, где он должен быть в мобильной

Answer 2

[Николай]

Если использовать flexbox - то можно свойством order регулировать это.

Comments

[Дмитрий Поляков]

А абсолютом, это не есть гут?

[Николай]

Дмитрий Поляков: всё от верстки зависит. Как правило если элементы можно сверстать так, чтобы они были в потоке - лучше сверстать так, чтобы были в потоке