#11 Адаптивная верстка | Адаптивная верстка сайта с нуля

preview_player
Показать описание
В этом видео уроке по адаптивной верстке мы зафиксируем наш меню, с помощью позиционирования.
Добавим анимацию для каждого заголовка секции, а так же для отдельных блоков с помощью библиотеки AOS js, проверим как это все работает на разных экранах.
В конце видео я расскажу, что делать с этой работой дальше, как можно применить этот макет. Будет интересно и увлекательно )
Досмотри ролик до конца - в конце самое интересное!

Горячие клавишу (hot keys vs code)
➤ Ctrl + F ищем в файле,
➤ Ctrl + N создает новый файл,
➤ Ctrl + O добавляем проект в редактор,
➤ Ctrl + G ищем нужную строку в файле,
➤ Ctrl + C копируем
➤ Ctrl + X вырезаем(удаляем)
➤ Ctrl + V вставляем
➤ Ctrl + Shift + P выровнять элементы в файле

Полезные ссылки:

👉 Я верю - ты сможешь, у тебя получиться ​​🏆​

👋 Меня зовут Илья Стоянов, и я верстаю сайты, занимаюсь разработкой сайтов более 9 лет. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Рекомендации по теме
Комментарии
Автор

Спасибо за проект! Отличная подача материала 👍!

uyldwut
Автор

Спасибо за уроки много новых деталей узнал!

dmmk
Автор

Ай да молодчина! Огромное спасибо и удач, тебе, Илья!

prfgfws
Автор

Спасибо огромное!!! Я студентка ITспециальности, по вашим урокам сделала курсовую и сдала на 5❤️❤️❤️

juliya_kl
Автор

Привет, я перезалил видео, надеюсь сейчас - звук, изображение, такие как надо ))

ilyastoyanov-html-css-js-react
Автор

Привет. Почему у меня в мобильном меню при скролле схлопывается только фиксированное меню( не весь экран а только прилипшая полоса)? А когда прокручиваю в самый верх всё схлопывается как надо. Делаю всё как на видео, не пойму где проблема

slavikgusak
Автор

После скролла когда позиция nav становится фиксированной у меня при нажатии на бургер - при открытии мобильного меню его высота не выходила за пределы nav из-за position absolute. Поэтому я еще дополнительно в js добавил
() }) а в css .nav_position {position: static; }

dmmk