Правильно ли я применил адаптивную верстку для мобильных устройств?

Question

[Станислав Ботев]

Доброго времени суток.
Есть обычный лендинг, который я заверстал за сутки, а затем еще сутки адаптировал под мобильные устройства. Сначала делал это через средства разработчика в Хром. После нескольких проверок, когда оказалось, что в некоторых местах Хром мне врёт, начал проверять на трёх разных мобилках и подгонять результат.
Вопрос такой: правильно ли я применил принципы адаптивной верстки или это делают по-другому? Если можно, то с примерами
Благодарю

Answer 1

[Ivan Bogachev]

Правильно ли я применил адаптивную верстку

Сам факт задания такого вопроса заставляет усомниться в правильности, и с энтузиазмом найти косяки. Так вот: вы совсем забыли про то, что на телефоне, как бы так сказать, может быть низкий экран.

В результате получилось...

Упс..

Уупс..

Ну ежик....

Думаю идея понятна. Избавьтесь от жестких привязок к vh.

А еще отступы везде немного плавают (не знаю, может дизайн такой, может я привередливый).

А вот это

function dropOne() {}
function dropTwo() {}
function dropThree() {}
function dropFour() {}

Можно было бы и получше оформить.

Answer 2

[Стас Мельников]

При беглом просмотре увидел следующее:
- зачем для телефонов грузить изображения 1920 на 1030?

- нет подложки (background-color) для фонового изображения в блоке с классом .block--1
- в интернете есть много информации, в которой описывают почему нельзя использовать такие селекторы .block--2__offer .circles__block .offers__circle img