Бесплатный марафон по верстке сайта. Часть 3, аккордеон
HTML-код
- Опубликовано: 19 мар 2024
- Друзья. Это третья часть верстки сайта для новичков, для всех, кто делает свои начальные шаги в верстке сайтов. В видео я подробно объясняю каждый этап разработки, мы по полной программе используем html, css и js. Это серия видео в виде марафона по верстке сайта.
----------------------------------------
Сайт курса по верстке - from0to1.com.ua/
----------------------------------------
----------------------------------------
Готовая верстка на patreon - / from0to1
Телеграм канал - t.me/from0to1com
----------------------------------------
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ
Спасибо заа уроки. Всё очень круто.
спасибо! все получается и очень красиво)
Спасибо Вадим. Здоровья Вам, вашей семье и процветание каналу!
спасибо
Марафон как всегда полон полезностей. Спасибо!
дякую,було цікаво
Дякую
Ты супер! ДЯКУЮ! )))
Марафон огонь! весело и полезно.
круто, спасибо
Спасибо❤
Красавелла!!!🎉🎉🎉
спасибо
Дякую за дуже зрозумілі відео
дякую !
Вадим здраствуй. Хотел поблагодарить тебя за такие чудесные познавательные видео, очень помогаешь узнавать что то новое. Ну и про вечеринку не могу забыть, очень весело. Еще раз спасибо, жду адаптивчик❤
благодарю, круто
Вадиме, не забудьте, будь ласка, про відступ до хедера, в 1 слайді там 100, а 2ч інших по 50, як правильно робити? + в настпуному слайдері, через падінг левт, він прокручується не так як треба. Гляньте все це перед записом сл відео))@@vadymprokopchuk
Спасибо
спасибо за поддержку!
лайк поставил, коммент написал
топ, красава!, спасибо
👍👍
👍👍👍
Привіт, дякую за відео !! жду наступного
супер, дякую
Ставлю лайкосик👆👍курс интиресен но нет бабосиков🥺
1:05 9:22 15:45 17:25 21:15 22:30 22:45 26:10(проблема с стрелками)26:30,26:40,28:05,30:10,28:45,29:40,36:45,38:32,43:15.49:33,50:22,51:30
Вадим! А курсы от 21 года отличаются?
Вадим, кажется у Вас шрифт playfair display не подгрузился еще с первого урока, times стоит. Сам долго не мог понять в чем проблема, потом просто вместо общего стиля для двух шрифтов с google fonts, прописал каждый отдельно. Наверное это не слишком правильно, но помогло
Спасибо за подсказку. Тоже вначале не применился. Прописал отдельно, все заработало!
спасибо, помог
Дякую за контент. Як завжди цікавий і корисний.
Питання стосовно аккордеону - cursor:pointer; активний тільки на тексті, але користувач інтуітивно буде натискати на стрілку, а вона як раз не натискається. А як зробити, щоб натискалась? Із padding'ами погрався - все поле активно, окрім самої стрілки.
Я не пам’ятаю, як в мене там із структурою, але якщо ми хочемо, щоб стрілка біла з поінтером, то її на афтер потрібно чіпляти тіпу на якому стоїть обробка події клік
Здравствуйте. Спасибо за ваши поучительные и полезные видео. У меня скорее всего разрешения экрана не самое высокое, поэтому, после добавления "products" появился нижний скролл, т.к. он вылазит за пределы body 1200 px. пробовал overflow: hidden; в products__inner, но тогда обрезается контент слева (фото третьего продукта). Подскажите как решается данная проблема.
попробуйте задать просто products overflow, или может у вас маленький экран, и то что обрезает для вас норма
@@vadymprokopchuk спасибо за совет
Hi everybody!
Дякую за гарний марафон! В .products__item-price я добавив flex-direction: column і цифри стали як в макеті)
11:00 зачем делать на 2
Добрый день. Подскажите в чем может быть проблема? Аккордеон не разворачивается - item.parentNode.classList.toqqle is not a function. (In 'item.parentNode.classList.toqqle('accordion__item-active')', 'item.parentNode.classList.toqqle' is undefined)
вы неправильно пишете слово toggle (т.е. надо с двумя g а не с двумя q)
Кто-то ещё смотрит про вёрстку?
те, кто обучается вёрстке