Вёрстка сайта с нуля по макету Figma | HTML, CSS | Часть 2

Вторая часть верстки проекта Your Meal
Вёрстка кнопок для навигации и main
Первая часть по ссылке: • Вёрстка сайта с нуля п...
--------------------------------------
Ссылки:
Плейлист со всеми частями - • Вёрстка сайта с нуля Y...
Макет - www.figma.com/file/zAASWcZBpU...
--------------------------------------
Тайм-коды 🕒
00:00 Вступление
02:00 HTML Навигация
07:30 CSS Навигация
47:21 HTML Main
01:00:07 CSS Main
01:36:12 Заключение
--------------------------------------
Изучи как верстать сайты на профессиональном уровне - web.methed.ru/
Автор - Максим Лескин
👀 Подписаться на канал: bit.ly/3CoaLCL
🌍 Наш сайт: methed.ru/
🤖 Бот telegram - t.me/methed_bot
😃 ВКонтакте: vk.me/methed
#methed #html #css

[@user-xp6is2yl5d]

дякую за вашу роботу! гарно і доступно поданий матеріал)

[@vatman415]

огромное человеческое спасибо за все ваши уроки

[@user-frond-end_dev]

спасибо за такой прекрасный контент!!!!)))))).........

[@user-wm5wk8pe9o]

good, very good!😄😄😄

[@javlon815]

👍👍👍👍👍👍👍

[@Stalker27A]

Хай! Если у вас возникли проблемы с тем, что не работает дисплей-флекс на 1.15.16 проверьте order_wrap-title, тут должен быть дефис, а не подчеркивание

[@proudlord3677]

Скажите, пожалуйста, для чего был использован focus-visible (33:25), если эффект у него как если бы просто оставили hover?

[@my.methed]

Для того чтобы не было эффекта focus при клике. Для разделения 3-х эффектов hover, active(click) и focus(focus-visible)

[@proudlord3677]

@@my.methed поняла, спасибо!

[@natalya_mischenko]

58:17 catalog
1:04:06 catalog__list

[@valerypobelenskiy1001]

Максим я слышал любой коммрческий проект не верстается на чистом css Так почему бы не верстать все ближе к боевым коммерческим проектам ??? на Scss c отправкой на гитхаб

[@my.methed]

Все верно. В курсе и марафонах мы верстаем на sass/scss. Здесь же важно для тех, кто только учится верстать показать как это делается без лишней нагрузки. Если у тебя есть опыт в использовании доп.инструментов, нет никаких сложностей их использовать и в этом проекте 😉

[@user-wr1ds2fe4p]

а что за плагины у вас скачены если не секрет

[@lionstar3189]

outline: none; не убирает же выделение, его по прежнему можно выделить.
Тут нужен tabindex=-1(любое отрицательное значение). Без js сделать такое не выйдет.

[@my.methed]

Через css ты его не задашь, но можно pointer-event