Используя гибкие сетки (Flexbox, Grid), медиазапросы для изменения стилей на разных разрешениях экрана, относительные единицы измерения (%, rem, em, vw, vh) и гибкие изображения (max-width: 100%; height: auto;).
css
html
Применяя эти подходы, элементы страницы будут автоматически подстраиваться под различные размеры экрана устройств.