Перемещение divs между родительскими divs на основе отображения размера экрана: нет плохой идеи?

Question

У меня есть куча divs на веб-странице, которую нужно перенести в совершенно разные родительские divs на основе размера экрана.

В настоящий момент я повторяю divs и устанавливаю свойство display как none, так и block и т. Д. На основе размера экрана.

Первый вопрос: есть ли лучший способ сделать это, используя только html или css?

Во-вторых, отображение: никто не допускает использование дубликатов div id или это просто плохое кодирование?

благодарит

Answer 1

Вы можете использовать Flexbox's flex-flow перемещать элементы и содержание вокруг с HTML. Однако я не уверен в поддержке браузеров. В этом случае было бы лучше использовать JavaScript-решение.

Что касается вашего второго вопроса, дубликаты идентификаторов не являются проблемой CSS, это проблема HTML. Нельзя использовать CSS или нет. Так что нет, не делай этого.