• Шрифты адаптируются под ширину окна просмотра с помощью функции clamp();
• Интервалы адаптируются под ширину окна просмотра с помощью функции clamp();
• Hero-раздел (hero image) – большие фотографии (баннеры), наличие которых важно для привлечения внимания, усиления эмоций, демонстрации продукта, адаптируется под содержание посредством обёртывания флекс-элементов. Уже много лет, как и CSS Grid, Flexbox является частью стандарта CSS3 и его не нужно подключать отдельно. Flexbox является модулем CSS, который позволяет удобно управлять расположением, порядком, размерами и отступами между элементами веб-страницы.
• Компонент карточки адаптируется под свою обёртку при помощи запросов размера контейнера и стиля контейнера.
• Отступы (paddings) адаптируются под язык сайтов с помощью логических свойств.
Вот и получается, что те, кто сейчас в низкоконкурентной нише, может пассивно в выдаче выехать, а после изменения принципов ранжирования у него это не выйдет.
Вы давно видывали сайт без адаптива?
Конечно, их достаточное количество. До сих пор многие грешат этим.
К сожалению, в некоторых нишах их еще хватает.