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

Question

[freeman0204]

Например есть табы, но для телефонов нужно убрать табы и сделать блок за блоком сверху вниз (то что было в табах). Лучше удалить классы через js и скрыть табы, а блоки оставить? Или полностью скрыть блок табов и сверстать новый блок который нужно? Подобных примеров очень много, все перечислять не буду. Я знаю про мобайл верст. Но его уже поздно применять в данном случаи. Та даже с ним ситуация была бы подобной.
Что посоветуете, как поступаете в данном случаи?

Answer 1

[Alex]

Советую использовать media queries. В них скрывать то, что не должно быть, и менять вид у блоков.

Comments

[freeman0204]

Я их и использую. Вопрос скорее в том скрывать старое и делать новое? Или как то видоизменять старое обходными путями?

[Alex]

Артур Черешнюк: Если какой-то блок надо скрыть совсем — скрывайте совсем. Если поменять порядок элементов, то это легко делать с помощью Flexbox. Менять размеры шрифтов и отступов конечно дешевле, чем скрывать блок и показывать такой же, но с другими шрифтами и отступами.