Как верстать адаптивный сайт, где в пк версии блок отображается статичным, а в мобильной верссии этот же блок сделан слайдером?

Question

[Вячеслав Яшников]

Подскажите как лучше верстать такой блок:
Пк версия:


Мобильная версия


Я думаю сверстать как слайдер и пк и мобильную версию, но средствами js инициализировать слайдер только на мобильных. Кто сталкивался с такими макетами, поделитесь кейсом, как верстали, заранее благодарен.

Answer 1

[Денис Инешин]

Вам просто нужно сверстать 2 совершенно разных блока, не нужно пытаться превращать один в другой, это слишком сложно в данном случае.

А уже дальше меняйте их видимость. + js должен запускаться только если нужный блок видим на странице.

Comments

[Вячеслав Яшников]

Получается, по количеству кода будет, что преобразовать один в другой, что сверстать два разных - одинаково?

[Денис Инешин]

Вячеслав Яшников: по величине кода преобразовать один в другой - будет гораздо больше, так как будет куча лишних правил и условий.