Отзывчивая верстка: пример Responsive Layout
Показываем на примере, в чём отличие отзывчивой вёрстки (Responsive Layout) от резиновой (Elastic layout) и адаптивной (Adaptive layout).
Отзывчивая верстка - это комбинированный вариант адаптивной и резиновой верстки. Например, мы верстаем 2 рядом стоящих блока: в классической резиновой верстке, если мы задаем им ширину в 50% от экрана, они всегда будут занимать ровно половину монитора, но это не всегда будет хорошо выглядеть с точки зрения дизайна: на узких смартфонах контент этих блоков будет невозможно разобрать. При отзывчивой верстке блоки будут резиновыми для разных разрешений, но отличаться по расположению элементов, и на смартфоне 2 картинки не будут жаться до последнего, чтобы уместиться на узком экране, а поменяют свое расположение, например, встав друг под другом, как это происходит в адаптивной верстке.
20+ современных принципов верстки: что нужно знать, чтобы верстать сайты, которые не рассыпаются: https://web-valley.ru/articles/verstk...
Сайт школы: https://web-valley.ru/academy
Телеграм-комьюнити: https://t.me/webvalley_community
Новости телеграм: https://t.me/webvalley_news
Сайт студии: https://web-valley.ru
Facebook: / webvalleystudio
Instagram: / alexwhite_mzk
Vkontakte: https://vk.com/webvalley