В чем отличие десктопной и мобильной версии лендинга
Скажем так, кардинальных отличий тут не будет. Десктопная и мобильная версии — это просто внешний вид. Ключевое — сетка в мобильной версии трансформируется в одну или максимум две колонки.
Например: есть галерея из 5 картинок. В мобильной версии можно дать одну картинку на экран и сделать свайп для просмотра. А в десктопной версии будет видно сразу все 5 изображений.
Тут нужно понимать, что любые изменения в блоках значат, что верстальщику придется делать эти блоки отдельно, в двух версиях. А это не очень хорошо — фактически, это его силы и время.
Чтобы понять разницу между мобильной и десктопной версиями, можно для примера посмотреть различные сайты в Google Chrome в режиме разработчика — увидите, как сайт выглядит на разных устройствах. Для такого просмотра есть даже специальная кнопка. Также можно выбрать устройство, на котором вы хотите посмотреть, как будет выглядеть сайт. Нажимаете иконку — и видите, какие элементы собирают в меню, как строится сетка.
Лучше всего посмотреть 5-10 сайтов, желательно из хорошей подборки. Так получаем понимание, как создаются адаптивные сайты. И строим свой по такому же принципу.
