Спасибо, что так подробно провели разбор типичных ситуаций на практике.

Спасибо огромное за видео, теперь для меня решены многие мои проблемы в вёрстке.

Интересный ролик, сразу видно мастера своего дела. Просто супер!

Очень интересный ролик. Благодаря Вам я узнал массу полезной информации.

Да, обзор очень полезный и нужный, много необходимой информации предоставили, которую можно использовать на практике.

Большое спасибо за видео, и отдельное спасибо за шпаргалку :)

Анечка умничка. Как всегда, все просто и доходчиво. Маленькое пожелание - при съемке ролика фокусировку лучше настраивать в ручном режиме. А то автофокус иногда не успевает отработать))

Отличное видео, очень хороший разбор, будет полезным ;)

Большое вам спасибо за видео и ваши ценные советы! Желаю вам дальнейших успехов на ютьюб и в жизни! От меня ловите лайк.

Привет:) Спасибо за видео! С наступающим!) Достижения новых высот в новом году💪🏻

Аннушка, спасибо, будь счастлива.

Спасибо за видео. Очень актуально для меня

Отличное видео, очень хороший разбор

Обзор очень полезный и нужный, много хорошей информации.

Спасибо за видео! ☺️

До этого видео у меня были вопросы по media-запросам, не очень была понятна разница между mobile first и desktop first. Оказалось, что не так и сложно. Спасибо, Анна.

Очень круто!! Спасибо :)

Спасибо за видео, очень помогло)

На мой взгляд как раз таки адаптивность страницы влияет на количество привлекаемой аудитории Если ты зашел на сайт с необходимой информацией, а он просто не удобен в навигации, то ты уйдешь с него очень быстро.

Анна, расскажите пожалуйста как правильно вставлять картинки чтобы при адаптиве они не ломались и выглядели хорошо! Спасибо!

Вообще умница! Вот это я понимаю видео!

Спасибо за интересные видосы. Очень помогают, особенно если ты только начинающий верстак))

Спасибо за видео!

Как всегда, все просто и доходчиво. Маленькое пожелание - при съемке ролика фокусировку лучше настраивать в ручном режиме. А то автофокус иногда не успевает отработать...

Интересно было узнать, как работать с адаптивностью сайта. Спасибо за Ваши советы!

Однозначно-лукас!

Да вы сами тут такой интенсив устроили что после вас хоть сразу в бой. Спасибо за видео

как приятно смотреть на красивую умную девушку , лайк поставил однозначно, и спасибо за труды=)

Понятно и детально спасибо

С Наступающим Новым Годом.

спасиба за отличную и полезную информацию!!!

Вроде все понятно, все делаешь, как в видео, которые пересмотрел уже не одно. Но присутствует одно НО - есть у меня страничка с навигационной панелью, которая обвернута в блок и имеет фон, скажем зеленого цвета. Задаю параметры, начинаю сжимать, блоки постепенно и равномерно располагаются на странице. Но начиная с 600 пикселей навигационное меню располагается равномерно по ширине экрана, а сам блок, в котором оно находится, становится меньше ширины экрана, т.е справа начинает проявляться длинная полоса фона body. И чем сильнее мы начинаем сужать экран, тем сильнее она начинает проявляться и по итогу при 320 пикселях происходит следующее - Вкладки из навигационного меню расположены равномерно по ширине экрана, а вот сам блок, в который они завернуты почему-то по ширине занимает только половину ширины экрана, т.е 160px. И как я писал ранее, этот блок имеет фон, что по итогу имеет весьма странный вид, пол экрана фона от навигационного блока, пол экрана фона от body, а по середине навигационные вкладки, которые вышли за рамки своего блока. И вот вопрос - почему вкладки из навигации равномерно растягиваются по заданной ширине, а блок, в котором они находятся, какого-то черта принимает только половину ширины.

Адаптивный дизайн довольно молодая «тема» - радует что Майл.ру начали её использовать, т.к до недавнего времени вся вёрстка проектов угнетала своей несовершенностью и отсутствием доступности. Всё здорово , так держать - это верное направление!

лучшее обьяснение

спасибо очень интересная инфа

все ясно спасибо!

пишу из будущего, где всё делается наоборот сначала я зарегистрировался на участие в новогодней битве 2021 от htmlAcademy, а потом нашёл твоё видео, которое было сделано год назад, а оно, как видишь, всё ещё актуально

Спасибо!

А какой лучше всего использовать Mobile first или Desktop first ?

Анна, а как можно менять текст при переходе из одной версии в другую?

Спасибо детка !

Thank you

Анна, а подскажите пожалуйста сервисы или инструменты для теста сайта под разными андроидами от 5 до 9 и разными мобильными браузерами. Устанавливать на ПК кучу эмуляторов неохота. Проблема в том что ВордПресс премиум темы с енванто, ведут себя по-разному, особенно на стоковых браузерах, приходится править вёрстку под старые андроиды. Благо мобильный хром отображает на всех версиях андроида одинаково.

А как получается такое что делаешь адаптив,берешь конкретные значение например из Boostsrap 1200,992 и тд.. когда в media ставишь тот же 992 ничего не происходит,а при 991 уже начинаются изменения? Хотя даже если повторяешь верстку за кем то и всегда такая проблема,точные значения не работают только на 1пх меньше?

А что делать с широкими блоками?

Благодарю за видео. Вопрос такой: как делать адаптивность удобнее, после того когда сверстал всю страницу с макета, или может сразу, после создания каждого блока?

малопонятно, и у телефона и у монитора и у планшета идет одно и тоже FullHD расширение, и как быть в таком случае?

Подскажите, пожалуйста, что за шрифт использовался при объяснении структуры media запроса?

А как ты собираешь пункты меню в бургер-меню для моб. устройств? С помощью Js?

nice!

Привет. Слышал как то, что скоро ИИ будет верстать сайтики. Готовы ли вы к этому? Если да, то как? 🤔

самое сложное в адаптивке у меня было это, расчёт rem и em все остольное изи

Необычно видеть такую умную девушку в этой отрасли.

Подскажите пожалуйста, как на codepen сделать так же, чтобы окно просмотра было сбоку?

Спасибо! А ссылка на codepen есть?

Было бы интересно узнать как верстать в mobile first

Блин, в чем вы это делаете? Мне очень понравилось когда сразу хтмл сиэсэс и сразу вид страницы!

Анна добрый вечер. Не знаю, связано ли это с покупкой нового мака или близким расположение петлички, но очень сильно слышны удары по клавиатуре. Пожалуйста, можно не надо?

Чего-то сколько ни смортю про адаптивность - никто не объясняет что будет, если у мобильника высокое разрешение экрана. Не размер, а плотность пикселей. Например при ширине от 1024 то уже считается что у пользователя в руках ноутбук.. Но у того же айфона разрешение 2532 × 1170, при небольшом экране. И что ему отгрузится??? версия сайта для ноута, ? Опорная точка в 1024 - и пользователю отгрузится версия для ноутбука???!! Хоть бы кто прояснил этот вопрос...

OCHEN INTERESNI KONTENT ZASLUJIVAET MILION PROSMOTROV.

в mobile first узнали как верстать

АВЕ тебе ^_^

Как то мне прислали адаптивный макет без вертикального скрола. И я прописывал медиа выражения на height. Так вот это очень сложно. Я совсем запутался. А когда начали прописывать настоящий контент то все поехало. Это не реально адаптировать. В макете должен быть хоть один скрол. Чтобы мы могли увеличить блоки если что.

It-принцесса

Ходят слухи, что из-за того, что у мобильных устройств ресурсов меньше, лучше делать вёрстку mobile first, так как она менее ресурсоёмкая для данных устройств.

почему то смотря на девушку не могу уловить смысл ее разговора.очень красивая девушка.

во первых девушка очень красивая и голубые глаза так и притягивают к себе, поэтому пять минут видео я просто смотрел на нее, а не слушал... во вторых видео ролик очень подробный и важный для веб мастеров, но я не настолько профи

Спасибо!