После изучения CSS и блочной верстки я принялся изучать адаптивную.. Адаптивная верстка - возможность создавать интерфейс сайта под все габариты экранов. Обычно под свои разрешения экранов создают отдельные файлы например : в обычном проекте будет от 4 CSS файлов 1) для дэсктопа 2) ноут бук 3) планшет 4) мобильные разрешения. Так примерно выглядит обращение к другому размеру экрана и присваивания стилей через класс...

Мы полагаемся на CSS Media Queries для выбора и стилизации элементов на основе состояния. Это может быть что угодно, но обычно они делятся на два типа: (1) тип используемого носителя и (2) конкретная функция браузера, устройства или даже среды пользователя. Итак, скажем, мы хотим применить определенные стили CSS к печатному документу: Тот факт, что мы можем применять стили при определенной ширине области просмотра, сделал CSS Media Queries ключевым компонентом адаптивного веб-дизайна с тех пор, как Итан Маркотт ввел этот термин...