3.8 Адаптивная шапка сайта | @media запросы
На каком устройстве вы смотрите данное видео? Попробуйте открыть его на разных устройствах, скорее всего блоки перестраиваются, но вы также можете взаимодействовать с интерфейсом. Все это благодаря адаптивности. В этом уроке мы начнем перестраивать шапку сайта под разные устройства.
Дополнительные материалы: htmlbook.ru/css/value/media
html5book.ru/css3-mediazaprosy/
html5book.ru/css3-transform/
Ссылка на макет: www.figma.com/file/lFqXrgfJRmKsiF9wl9omlI/Portfolio
Чат в телеграм — t.me/joinchat/CJJ7_BROjQewexDwnr9Rpg
0:00 — Введение
0:30 — Изучаем макет
0:50 — Стандартные размеры устройств
1:09 — Про брейкпоинты
1:34 — Пишем медиа-выражение
2:20 — Смотрим результат
2:49 — Адаптируем для мобильных устройств
3:20 — Результат
3:37 — z-index
3:48 — Скрываем меню
Сайт компании — napoleonit.ru/
Записаться на другие курсы — napoleonit.ru/schools.html
Мы ВКонтакте — vk.com/napoleonit_school
Instagram — instagram.com/napoleonit_school
Детские курсы — junior.napoleonit.ru/
0 комментариев