Адаптив сайта с нуля до завершения html/css/js Часть 3

Друзья, третья часть вечеринки. Это адаптив сайта! Погнали дальше!

----------------------------------------
----------------------------------------

----------------------------------------
----------------------------------------

----------------------------------------
Доп ссылки:

----------------------------------------

Подпишитесь на канал, если вам понравилось данное видео:

[ArteEtHumanitate]

Браво, маэстро❤ Спасибо за топ контент. Твои марафоны первое средство от осенней хандры.

[Francija-Bez-Rozovyx-Ochkov]

Я ещё 2 уй часть не досмотрел, а тут уже 3ья! Будет чем заняться в эти выходные !!! Спасибо Маэстро за топовый контент !

[Jane_]

Спасибо большое, с удовольствием смотрю ваше видео.

[michaelmichael]

2:30
лайфхак :
.none {
display: none !important;
}

класс none добавить в header

[shnshnd]

Спасибо за урок! все как всегда круто!
Почему-то только пришлось дополнительно прописать ширину картинке в хедере в медиа запросе, потому что по другому не сработало и вся вечеринка поплыла, появился горизонтальный скролл, вся картинка не умещалась при 800px примерно. надеюсь мне это потом не окунется, ну вот в след уроке и узнаю)))

[OlegStepanenko-vd]

Не доработан список в футоре. Предлагаю такой вариант:

@media (max-width: 465px) {
.footer__list {
padding-top: 60px;
flex-direction: column;
align-items: center;
gap: 20px;
}
}

[konkov_aleksey]

Принципиально надо было делать буквы с наушниками разнослойными через css? Типа Вы решили с парнем и sound запилить один jpg просто, а тут какие-то изощрения происходят, когда реализация адаптива с подобным кажется еще сложнее, чем там...

[Zelar]

Для адаптива надписи на наушниках, я бы использовал wv и %. Как для размера шрифта, так и для позиционирования элементов. Так как изображение сужается от ширины экрана

[fridaoblomova]

Благодарю!❤️ Было очень полезно посмотреть как вы анализируете проект и составляете медиа запросы, у меня всегда затупы с этим. Кстати, я до этого по наитию писала медиа запросы в виде media screen and(), но получается можно и без типа устройства. А что даёт тип устройства в медиа запросе? 🤔

[ndreiorekhov]

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

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

[andrey-Dudkin]

А можно видос по единицам измерения vh?

[tmusabaev]

Что делать если при изменении размеров, фотка наушников перекрывает choose color ?

[MARds]

А что у тебя за шрифт? И как его установить?

[kromvelua]

Не, не пойму все тоже самое написал, у меня просто медиа запросы не работают, точнее неправильно. Ну у меня чувак и звук сделаны как у тебя в начале ( бифор и афтер)

[mrkut]

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