Тестовый блок

Проверьте, под какой экран подогнан макет тестового блока

Под максимальное разрешение viewport 1366px

Диапазон от 1200px и выше. Обычно устройства с таким высоким значение viewport - это настольные компьютеры с мониторами или ноутбуки, некоторые планшеты.

Под разрешение viewport 1200px

Диапазон 960px - 1200px. Так смотрят на iPad при альбомной ориентации и на ноутбуках. Для мониторов это разрешение слишком маленькое, для большинства смартфонов тоже не типично.

Под разрешение viewport 960px

Диапазон 640px - 960px. Так смотрят на iPad при портретной ориентации, на iPhone 6/7/8/X, Samsung Galaxy при альбомной ориентации экрана, как правило это современные смартфоны. На смартфонах для портретной ориентации такое разрешение нетипично.

Под разрешение viewport 640px

Диапазон 360px - 640px. Так смотрят на iPhone 6/7/8/X, Samsung Galaxy при портретной ориентации экрана, как правило это современные смартфоны. Так смотрят на Moto G4, Galaxy S5, iPhone 5/SE при альбомной ориентации экрана.

Под разрешение viewport 360px

Диапазон 0px - 360px. Так смотрят на Moto G4, Galaxy S5, iPhone 5/SE при портретной ориентации экрана. На альбомной ориентации с таким низким разрешением сейчас почти никто не смотрит.

Альбомная ориентация (Landscape)

Так смотрят web-сайты в основном на настольных компьютерах и ноутбуках с большим разрешением экранов. Альбомная ориентация не слишком удобна для просмотра сайтов на смартфонах потому что соотношение ширине к длине экранов у них другое. На смартфонах альбомную ориентацию предпочитают для развлечений, например, при просмотрах видео или играх.

Портретная ориентация (Portrait)

Так смотрят web-сайты в основном на смартфонах потому что соотношение ширине к длине экранов позволяет поместить на станицу больше информации и текст удобнее читается. Значение viewport большинства современных смартфонов от 360 до 640px. На настольных ПК и ноутбуках в таком режиме web-сайты практически не смотрят.