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

[@vadymprokopchuk]

Архив со всем добром для работы - drive.google.com/file/d/1BaRwLoCQ2817VYHb7frXknzbiK8_nFnK/view?usp=sharing Готовая верстка на patreon - www.patreon.com/from0to1 Сайт курса по верстке - from0to1.com.ua/

[@Skyleee-q3n]

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

[@vadymprokopchuk]

спасибо

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

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

[@l_y5398]

Сможеш кинуть ввесь код марафона ?

[@madambatagoff6216]

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

[@sergejstoiko7010]

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

[@vadymprokopchuk]

Дякую

[@ViktorZakhovavko]

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

[@user-frond-end_dev]

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

[@Эфирный-х7л]

Лучший канал по верстке

[@enclave3387]

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

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

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

[@sergejanisimov748]

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

[@jugo-stream]

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

[@wagnertatjana655]

Огромнейшее спасибо, Вадим!

[@vladimirsikorsk8290]

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

[@максим-м9ж5э]

многим нравится тот же 5s например , аналогов до сих пор нет, и они не хотят другой корпус никакой

[@oksana4501]

у меня zfold 320 экран

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

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

[@Адвокат-ф1я]

Спасибо за Вашу работу!

[@АндрейЗак]

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

[@valdemarii9698]

Вы лучший!)

[@DJ_ROSH]

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

[@МиронД-э4ш]

Как всегда лайк И личный респект!

[@ЕвгенияАлехина-в2я]

Спасибо за ролик. Интересно.

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

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

[@servaiski]

спасибо за ваш труд

[@tiKeroP]

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

[@mikha4843]

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

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

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

[@SchubertLife]

СУПЕР!!!

[@Vladimir_Alexsandrovich_I]

сын правильно говорит, тоже столько слов от детей в лексикон вошло.

[@ArteEtHumanitate]

Спасибо огромное!!!)

[@kane8036]

Дякую за вашу працю)))))

[@vadymprokopchuk]

дякую

[@olgareschetilo3253]

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

[@максим-м9ж5э]

с каждим твоим видосом всё кручее понимаю вёрстку

[@vadymprokopchuk]

красава

[@kihon100]

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

[@АндрейГаращенко-р2ч]

Як завжди рівень топ

[@vadymprokopchuk]

дякую

[@dizalix201]

Можно узнать почему вы не изучаете js react? В зарплате бы выросли.

[@arimaarima9583]

Почему слайдер так прыгает при загрузке страницы?

[@casualadventure]

спасибо огромное!!!!

[@svoy4el]

1 часть главное 1.5к лайкосиков 2я 500 а тут вообще уже лентяюги😏

[@ДенисМасло-с1е]

Спасибо

[@glorglorsky7987]

а можете выложить урок на гитхаб? где-то у меня не получилось что-то, хотя до конца второго урока все 1в1 было. Макет получился.

[@vladislav2023]

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

[@Axekhv]

Странно, навигация отрабатывает с задержкой в 2 - 3 секунды...

[@GamePlay-mw5bw]

А где js и React Или ты простой верстак?

[@luchiksolnca6039]

Лучше вечеринки может быть только адаптивная вечеринка

[@максим-м9ж5э]

такой вопрос у меня возник , мб кто ответит , вот мы тут адаптируем максимум под 320px , например кнопка ЗАКАЗАТЬ сверху, перед bike__list -- но она же не влезет например в экран 5s или первого SE , неужели под них уже не адаптируют ? мне приходилось свои собственные сайты оптимизировать ,я там адаптировал всё вплоть до ~190px, именно из этих соображений .

[@oksana4501]

z fold 320 экран

[@СергейПраводелов-е6ц]

у 5 фона разрешение 320px , устройств с меньшим разрешением сейчас не найти, если только какие нибудь совершенно древние аппараты.

[@максим-м9ж5э]

@@СергейПраводелов-е6ц понял, значит я немного не прав был , спасибо тебе , теперь буду точно знать , а не пытаться оптимизировать 200px 😅 , спасибо !

[@abbosvaliev6498]

будет актуальный гайд на бутстрап?

[@dfoovoo5281]

Не думаю

[@СергейПраводелов-е6ц]

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

[@АндрейСевер-т6м]

Где найти работу? Зачем я учился верстать? ААААА...

[@niksemenov5490]

В первую очередь по друзьям, знакомым, знакомым друзей, друзьям знакомых, знакомых знакомых и т.д. Во вторую UpWork Qwork и т.д.

[@Aleksandr-w4e]

Учи wp и php, всегда работу найдёшь

[@abbosvaliev6498]

я учил чисто потому что кайфую

[@vanoard2091]

а почему slider__img нельзя просто написать max-weight 100%? нормально вроде же получается?

[@HappyVIM]

Или width: 100% на 1110px.

[@Bogdan_Borisovich]

Можно, я так и сделал)

[@oksana4501]

Дякую