• Шрифты адаптируются под ширину окна просмотра с помощью функции clamp();

• Интервалы адаптируются под ширину окна просмотра с помощью функции clamp();

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

• Компонент карточки адаптируется под свою обёртку при помощи запросов размера контейнера и стиля контейнера.

• Отступы (paddings) адаптируются под язык сайтов с помощью логических свойств.