Перемещение блока в зависимости от разрешения

Есть меню полноэкранное по клику на кнопке, в мобильной версии в нем под пунктами меню модуль поиска(форма), а в десктопной версии поиск находится вообще в другом месте, в другом блоке ( не в меню). В связи с этим вопрос, как это реализовать? У меня два варианта:

  1. Делать два поиска и в зависимости от разрешения отключать из поля зрения с помощью display
  2. С помощью js чекать разрешение и перетаскивать поиск из одного места в другое

Может вы сталкивались с подобной задаче и реализовали вообще иначе, у меня больше нет идей

Ну и вопрос ещё, вообще это нормальная практика с помощью JS узнавать разрешение и в зависимости от данных делать манипуляции с элементами?


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