БеЗплатный Шаблон | Вторая страница | Как создать блоки


Отзывчивый дизайн сайта нужен для всех устройств.
Делаем шаблон для всех устройств.
Для начала делаем два блока. На мобильном устройстве они сами будут располагаться друг под другом, на домашнем компьютере встанут в ряд.
Проверить блоки можно сужая браузер или увеличивая лупу просмотра в браузере.


100% ширина контейнера

Section

75% ширина контейнера

Section

50% ширина контейнера

Section

Третья страница wablon3.html

Первая страница wablon1.html


Источник

https://webref.ru

Формула основана на взятии целевой ширины элемента и делении её на ширину родительского элемента. Результатом является относительная ширина целевого элемента. ЦЕЛЬ ÷ КОНТЕКСТ = РЕЗУЛЬТАТ

Отзывчивый веб-дизайн