Сейчас я познакомлю тебя с адаптивной версткой сайтов. Расскажу зачем она нужна и покажу на практике ряд основных подходов. Изучим медиа запросы и их конструкции. Поймем что тебе не нужен Bootstrap! Поговорим об mobile first, а так же о лучших практиках адаптива. Адаптивная вёрстка позволяет веб-страницам подстраиваться (адаптироваться) под различные размеры мониторов ПК, экранов планшетов и смартфонов.  И чтобы эффективно потреблять трафик с мобильных устройств, нужно предлагать пользователям сайты с максимально удобным, адаптивным интерфейсом. Помимо этого, адаптивные сайты имеют приоритет при поисковой выдаче. Одним словом, адаптивная верстка сегодня крайне важна, и любому мастеру нужно уметь её делать и делать хорошо!

👉 Макет + напоминалка: https://fls.guru/files/tutorials/adaptive-files.zip
👉 Правильный адаптив картинок: https://www.youtube.com/watch?v=nTtuiBXKp88
👉 Правильное адаптивное меню бургер: https://www.youtube.com/watch?v=chJQofBSx94
👉 Как сделать спойлер: https://www.youtube.com/watch?v=Cj8hWtm_40M…