Адаптив сайта для новичков ч.3

Заключительная часть весртки, делаем адаптив

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

[madambatagoff]

Дякую за вашу роботу і те, що ви своїми відео допомогаєте нам новачкам. Дуже корисно.

[SkyleeeDev]

Спасибо огромное
Объяснил кучу непонятных мне вещей, объяснил за Slider, узнал о нескольких новых мне свойств, открыл мозг к адаптиву и показал некоторые приемы, над которыми я счастливо удивлялся, благодарю за все 3 части этой верстки, это было круто)))

[ВячеславДаниленко-лм]

Большое спасибо за обучение, за труд, за потраченное на нас время! Отличные уроки, отлично усваивается инфа. Все видосы просто крутейшие! Надеюсь их будет ещё много впереди )

[ViktorZakhovavko]

Вадим, там походу со слайдер img (div slider) 48я минута, там где 3 картинки в слайдере, где вы решали адаптацию через брек-поинты и смену высоты, вроде проще решается, просто прописываем:
.slick-slide img {
max-width: 100%;
}
И в медиа уже ничего 4 раза писать не нужно. Начинающим тоже нужно поумничать) тем более чуть по-проще способ)

[sergejstoiko]

Велике дякую. Весь матеріал корисний, подано дохідливо.
Успіхів Вам.

[frond-end_dev]

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

[sergejanisimov]

Как всегда Автор на высоте !!! Ребята при 14к просмотрах, лайков трошке маловато . Надеюсь искренне , что все на достающие лайки и коментарии полетели прямиком на банковскую карту .А записи на курсы рвут все ожидания .А мы же ожидаем новых вечеринок . Автору же имеется нам шо сказать и поведать !!!!

[enclave]

ОГОННЬ!!! РЕСПЕКТ!!!! Все три видео на одном дыхании. Подписка на патроне обеспечена продолжай в том же духе контент топ!

[jugo-stream]

Все оч класно, спасибо за уроки! жду марафон для среднечков!)))

[vladimirsikorsk]

Доброго дня. Приветы из Харькова. Рад лицезреть. Смею предположить что всё же до 330 пикселей можно не дотягивать. Врядли велик за 33 тысч. владелец такого смартфона может себе позволить)) А так огромное спасибо за обучение.

[ДмитрийХимич-бй]

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

[назарніколаєвич]

Здравствуйте. 1:32:38, по поводу
.menu__link,
.bike__link {
transition: all 0s;
}
Это не сработало из-за скриптов. Можно просто добавить в main.js строчку с проверкой

//анимируем переход на расстояние - top за 1500 мс
if (window.innerWidth<=800) {
$('body, html').animate({scrollTop: top}, 0);
};
$('body, html').animate({scrollTop: top}, 1500);

window.innerWidth<=800 --- значение можно задавать разное.
$('body, html').animate({scrollTop: top}, 1500); --- сработает только когда ширина экрана будет больше .

[ПОЛИТИКАвека-бо]

Огромное спасибо верстак получился классным и Привет из Узбекистана )

[АндрейЗак]

спасибо, все очень понятно, спасибо за твой труд, жду видос про JS))

[tiKeroP]

Все топ! дякую! Вадим, хочу далі розвиватися в цій сфері, а кого чи що ти можешь порадити з js, щоб потім плавно перейти в React? (або порадити щось по react)

[ПавелПриступа]

Вадим, по слайдерам нельзя было высоту:авто, ширину 100%, макс-ширина: такая-то? чтобы они сами уменьшались

[DJ_ROSH]

Спасибо огромное за то что ты делаешь!

[mikha]

спасибо огромное, дворовый жаргончик напрягает правда

[olgareschetilo]

На адаптиве можно задать :
.form__bike-price {
transform: scale(0.5);
}

[kihon]

Большое спасибо за труд.
Во время адаптации обратил внимание на такой нюанс - при задании атрибута letter-spacing к тексту кнопки "Заказать" появляется отступ после последней буквы. Если какие-нибудь варианты убрать этот отступ?