Как такое сделать адаптивно?

Question

[hellcaster]

У меня есть 2 макета сайта. И мне нужно адаптивно сверстать тарифы на мобильной версии. Как такое повторить?

Макеты

• Десктопаная версия
  
• Мобильная версия
  

Нужно что бы при клике на кнопочки снизу сбоку выезжал другой тариф

Comments

[hellcaster]

Ни у кого нет никаких предположений?

[snap44]

Victor Muryn, в поиске на гитхабе введите "htmlacademy pink". Скачайте и смотрите как сделали защитившие проект

[hellcaster]

snap44, ой, я даже забыл что на github'е они есть :) Спасибо!

Answer 1

[Александр Талалаев]

Все просто
1) Адаптивный: левую боковую панель "Розовый фильтр, смайлики и комментарии" прячешь через media queries , с помощью их же показываешь эти же подписи внутри "таблицы" (ну да, будет дубляж в тексте, но кому сейчас легко), далее через js определяешь что мы на мобильном и инициализируешь карусель.
Ну и да верстать это нужно будет не на таблицах, а наверное на флексе.
2) Практически аналогичен первому, только проверку на мобильность делаем на стороне сервера, и он подгружает соответствующий компонент шаблона, которые подходит устройству пользователя.