Всем привет, с праздником! (: напишите в комментариях было ли всё понятно, что я пытался объяснить?) а так же если у Вас остались вопросы вы можете задать их в телеграм чате, ссылка в описании )
Парень, ты именно лютый тип. Мало того что внятно говоришь, ещё и объясняешь каждое действие. На изи можешь курс свой создать,я серьезно, не во всех курсах даже такое увидишь. Огромнейшее спасибо тебе, очень выручаешь
Здорово, ты говоришь довольно длительно для тебя, но для тех кто только начал практиковаться - самое то! Понравилось, внятная речь, даёшь пояснения - что ОЧЕНЬ важно! Поэтому сразу подписался и лайк!
Классно спасибо,правда были ошибки при верстке у меня,долго разбирался что не так,у вас ушел час,у меня часов 5-7,начало положено буду дальше учиться,спасибо,да благословит Господь)
Спасибо за видео, после изучения JS начал по немного забывать вёрстку, решил освежить знания. Есть замечания по видео: 1) Я считаю, что лучше, если сначала происходила бы ПОЛНАЯ разметка СЕКЦИИ, а после уже написание стилей!? 2) В nav ты написал display: flex, можно же туда и влепить gap: 35px, и будет отступ у ссылок, не парясь за последний элемент, это сократит код, как по мне. ( это так же касается и других аналогичных моментов связанных с dp: flex и отступами ). Так то рассуждать по поводу вёрстки можно долго, но я написал то, что меня больше всего волновало. Однозначно подписка и лайк, сейчас не хватает таких видео на ютубе, где-то люди даже семантику не используют.
скажу так, я делаю так как мне удобнее, и как я считаю правильным или нужным. у всех написание кода, личное. эту страницу можно сверстать кучей разных способов и разными написаниями, тут нет предела нет определенного стандарта написания кода. в целом вывод такой... а на счёт двух замечаний. 1. это ваше мнение, мне проще написать кусок сетки и потом кусок цсс, я занимаюсь вёрсткой больше 6 лет, я знаю всё наперед. как и где у меня будет только увидев дизайн. 2. можно почему нет, но я так не привык. но например если требуется поддержка 11 explorer, как бы это глупо не звучало но его до сих пор используют, а gap там не поддерживается). P.S. у меня иногда бывают такие клиенты.
ну это мое имхо. я не учитель у меня нет диплома, я лишь делюсь знаниями, каждый может что то подчеркнуть что то для себя. :) тем не менее я Вас услышал ))
Здравствуйте.Увидел Ваш урок,понравилось.Подписался.Начал копировать,но "intro-bg" не расположился по центру,а ушёл в право,пришлось картинку обрезать по левому краю,чтобы было по центру.Дальше идёт нормально.Спасибо , всё понятно!
Боже, спасибо за такой подробный курс, конечно есть несколько непонятных мне свойств наподобие флекса, но пока ты единственный, у кого я точь-в-точь списал и у меня реально получилось. Спасибо тебе большое!
@@zeinmusic3649 я сейчас это дело бросил, решил все таки первый курс нормально проучиться, летом попробую дальше учится, если получится совместить все планы, а дальше как раз по направлению учиться будем, а там и практика не далеко
Спасибо! Спасибо и еще раз спасибо! Ну очень крутой, понятный и четкий разбор! Реально классное объяснение из всего того, что я видела на ютуб!) Продолжайте!! А теперь еще по теме пару вопросиков (я новичок, строго не судите) 1. Почему кнопку мы указали через ссылку, а не через Боттом? 2. В классе .nav__link::after. свойство position без родительского свойства не работает? Всегда так? 3. у position: absolute; родитель position: relative; всегда? 4. Почему мы используем transition: вместо анимации?
1. кнопку - какую? 2. если всегда если необходимо относительно элемента. 3. второй пункт 4. анимация пишется на кейфреймах, зачем ее писать, если мы хотим например только на hover эффект, небольшое сглаживание?)
Благодарю, все очень подробно и красиво сказано! Как только появлялись проблемы и вопросы, вы тут же давали ответ! В общем все подробно, хорошо и понятно сказано!
Заранее извиняюсь за возможно глупый вопрос, но. На 46-ой минуте Вы ставите у себя 750px высоты для картинки, говоря, что это будет половина для Вашего экрана, при этом Вы говорите, что все экраны разные. Разве мы не должны ориентироваться на все возможные экраны, а не на конкретно один?
Спасибо вам огромное за урок! Очень хорошо объясняете. И у меня есть вопрос, вы же наверно делаете сайты на заказ, если не секрет, где берёте заказчиков ?
Зачем нужен overlay? В плане пользы для общего развития в навыках верстки, это хорошо. Но какая практическая польза в плане дизайна? Кстати, я использовал z-index 1 и 2 соответственно и всё также работает. Допускаю, что я недальновиден. Просто хочу во всем разобраться и ставлю попутно эксперименты. Позиционирование и геометрия для меня очень запутанная история. Не могу уяснить механизм сдвига header на intro. Мне не хватает практических примеров по этому моменту. Нужно посмотреть что-нибудь простое и наглядное с разноцветными квадратиками или кружочками)) Посоветуйте пожалуйста. Заранее благодарен. И ещё. Мне не очень нравится этот макет. Хотелось бы чтобы дизайнер прописал поконкретнее отступы между элементами. Макет необходимо доработать. Добавить нужное и убрать лишнее. Хотя, если этот макет был задуман как тренировочный для верстальщиков, то преодолевание трудностей ведет к ещё большей мудрости. PS: Мои выводы и суждения могут быть ошибочными. Я не верстальщик и не дизайнер, а только начинаю учиться.
Я конечно только начал свой путь во фронт-енд, но разве фильтр с затемнением нельзя было сделать на саму картинку? Чтобы фильтр не перекрывал кнопку и другой контент
Повторил все действия, указанные в уроке. Понравился подход, так как в процессе последовательного внесения тегов в верстку и стилей в css появляется понимание зачем это всё. Только среду таки выбрал vs code. Там live server на лету всё отражает. Еще раз спасибо. Будет приятно в дальнейшем увидеть переработку этого шаблона, но в гридах. Говорят более свежее веяние + пользователь увидит возможности сделать сайт адаптивным, а не просто резиновым.
у меня такой вопрос, а не легче допустим создать общий блок и добавить туда бакграунд картинку и туда уже навигацию и т.д. накидывать(сверху картинки)? p.s. я только начинаю изучать верстку =)
Спасибо за видео из 2022!) Понравилось то, что на практике объясняется вёрстка. Если есть видео выполнения вёрстки без комментариев - был бы рад посмотреть. Чтобы понять, сколько на вёрстку такого шаблона уходит времени. А то на фрилансе есть задачки, а как по времени оценить - нет понимания)
@@FrontEndtricks , У меня вопрос Я дублирую страничку с фигмы начинаю играться с блоками и у меня пропадают элементы - шапка например, и другие. Как делать Правильно - подскажите
@@FrontEndtricks , Я первый раз в Фигме - может подскажете где эта кнопка?, А может видеокурс хороший знаете? (чтобы с сайтом этим разобраться)(а может сами когда-нибудь захотите такой видеоурок сделать)
Данный урок мне понравился, только на моментах оформления ссыллок, возникли вопросы.Лучше было использовать псевдо-класс hover, а не делать доп. классы.
Вы уверенны, что хорошо слушали урок? если вы смотрите данный, урок каким образом вы решаете что лучше а что хуже? если мы на главной странице, и в навигации должен быть выделен один пункт меню всегда как активный, причем тут тогда hover? P.S. мне просто интересно откуда все люди постоянно делают такие выводы, у меня такое впечатление, что даже все начинают писать комментарии, не досмотрев до конца. и вырывают всё из контекста...
@@ЕгорНестеров-ф1й дело в том что не Вы первый, не Вы последний такие замечания пишет, а я всё понять не могу, в чем проблема, это ведь просто практика, у меня нет образования чтобы учить людей, делайте как хотите, я просто делюсь опытом ))
Начинаю верстать, пересмотрел кучу роликов, все верстают как хотят, нет определённого стандарта, от этого каша в голове, какие способы и методы применять. Например, какие единицы для текста, для блоков и отступов, rem, em, %, vw, vh, ...
Спасибо за макет , но мне кажется , что людям которые сюда пришли нужно обязательно знать азы , то есть html , css . Чтобы не пришлось объяснять как все свойства работаю , типо марджин топ лефт и т.д
@@FrontEndtricks в том то и дело , что люди должны уже знать всё это , чтобы остальные в том числе я , не ждал пока ты обьясним им что такое заголовок или параграф и т.п
я блин не панимаю в чем смысл делать активные ссылки и айтемы через active, если сам дизайн говорит что это актив ховер при наведение, в чем смысол делать через актив то хахаха
Смысл в том, что люди учатся делать, и эктив и ховер, этот дизайн не для клиента сделан, делал его я, курс записывал я, я показывал как верстать, и как добавлять различные элементы, какие еще тут могут быть претензии?
Всем привет, с праздником! (: напишите в комментариях было ли всё понятно, что я пытался объяснить?) а так же если у Вас остались вопросы вы можете задать их в телеграм чате, ссылка в описании )
А откуда у вас в самом начале взялся левый отступ от логотипа?
Хороший курс) спасибо
Парень, ты именно лютый тип. Мало того что внятно говоришь, ещё и объясняешь каждое действие. На изи можешь курс свой создать,я серьезно, не во всех курсах даже такое увидишь. Огромнейшее спасибо тебе, очень выручаешь
Спасибо, начал верстать свой первый сайт!
ха-ха ))
ахаххаахха, толсто толсто )))
😅
Здорово, ты говоришь довольно длительно для тебя, но для тех кто только начал практиковаться - самое то! Понравилось, внятная речь, даёшь пояснения - что ОЧЕНЬ важно! Поэтому сразу подписался и лайк!
Классно спасибо,правда были ошибки при верстке у меня,долго разбирался что не так,у вас ушел час,у меня часов 5-7,начало положено буду дальше учиться,спасибо,да благословит Господь)
Спасибо ты мне очень помог, ты первый за долгое время кто внятно объяснил как правильно верстать.
Спасибо огромное за твой обучающий видеоролик - продолжай свое дело 😊
Спасибо за видео, после изучения JS начал по немного забывать вёрстку, решил освежить знания.
Есть замечания по видео:
1) Я считаю, что лучше, если сначала происходила бы ПОЛНАЯ разметка СЕКЦИИ, а после уже написание стилей!?
2) В nav ты написал display: flex, можно же туда и влепить gap: 35px, и будет отступ у ссылок, не парясь за последний элемент, это сократит код, как по мне. ( это так же касается и других аналогичных моментов связанных с dp: flex и отступами ).
Так то рассуждать по поводу вёрстки можно долго, но я написал то, что меня больше всего волновало.
Однозначно подписка и лайк, сейчас не хватает таких видео на ютубе, где-то люди даже семантику не используют.
скажу так, я делаю так как мне удобнее, и как я считаю правильным или нужным. у всех написание кода, личное. эту страницу можно сверстать кучей разных способов и разными написаниями, тут нет предела нет определенного стандарта написания кода. в целом вывод такой... а на счёт двух замечаний.
1. это ваше мнение, мне проще написать кусок сетки и потом кусок цсс, я занимаюсь вёрсткой больше 6 лет, я знаю всё наперед. как и где у меня будет только увидев дизайн.
2. можно почему нет, но я так не привык. но например если требуется поддержка 11 explorer, как бы это глупо не звучало но его до сих пор используют, а gap там не поддерживается). P.S. у меня иногда бывают такие клиенты.
ну это мое имхо. я не учитель у меня нет диплома, я лишь делюсь знаниями, каждый может что то подчеркнуть что то для себя. :) тем не менее я Вас услышал ))
Кайф видос. наконец-то нашел с подробным объяснением и не быстрой речью как у остальных
Дружище, ты молодец))
Очень приятно смотреть, обьясняешь сразу, как только появляется мысть "Что это" =)
Супер!!
Здравствуйте.Увидел Ваш урок,понравилось.Подписался.Начал копировать,но "intro-bg" не расположился по центру,а ушёл в право,пришлось картинку обрезать по левому краю,чтобы было по центру.Дальше идёт нормально.Спасибо , всё понятно!
Боже, спасибо за такой подробный курс, конечно есть несколько непонятных мне свойств наподобие флекса, но пока ты единственный, у кого я точь-в-точь списал и у меня реально получилось. Спасибо тебе большое!
И как успехи?)
@@zeinmusic3649 я сейчас это дело бросил, решил все таки первый курс нормально проучиться, летом попробую дальше учится, если получится совместить все планы, а дальше как раз по направлению учиться будем, а там и практика не далеко
Спасибо! Спасибо и еще раз спасибо! Ну очень крутой, понятный и четкий разбор! Реально классное объяснение из всего того, что я видела на ютуб!) Продолжайте!!
А теперь еще по теме пару вопросиков (я новичок, строго не судите)
1. Почему кнопку мы указали через ссылку, а не через Боттом?
2. В классе .nav__link::after. свойство position без родительского свойства не работает? Всегда так?
3. у position: absolute; родитель position: relative; всегда?
4. Почему мы используем transition: вместо анимации?
1. кнопку - какую?
2. если всегда если необходимо относительно элемента.
3. второй пункт
4. анимация пишется на кейфреймах, зачем ее писать, если мы хотим например только на hover эффект, небольшое сглаживание?)
Хороший практический урок, с теорией, таких не хватает на онлайн курсах ! С открытым макетом на Figma ! Спасибо !
Отличный урок! Спасибо тебе!
Спасибо, чудесный урок! Подача огонь, продолжайте))
спасибо за урок, это очень помогает. пожалуйста не останавливайся, у тебя хорошая подача материала 🔥
Благодарю, все очень подробно и красиво сказано! Как только появлялись проблемы и вопросы, вы тут же давали ответ! В общем все подробно, хорошо и понятно сказано!
Заранее извиняюсь за возможно глупый вопрос, но. На 46-ой минуте Вы ставите у себя 750px высоты для картинки, говоря, что это будет половина для Вашего экрана, при этом Вы говорите, что все экраны разные. Разве мы не должны ориентироваться на все возможные экраны, а не на конкретно один?
оличный курс!!! лайк и подписка
Отличное видео, было все понятно. Верстаю первый раз. Все получается. )Спасибо большое, перехожу ко второму уроку !
Спасибо вам огромное за урок! Очень хорошо объясняете. И у меня есть вопрос, вы же наверно делаете сайты на заказ, если не секрет, где берёте заказчиков ?
Здравствуйте! Очень понравилось видео, но хотел задать вопрос. Почему в хедере где был выбор языка вы использовали ссылки , а не инпуты с типом радио?
Спасибо! С Новым Годом! Здоровья и процветания!
Супер))Смотрелось на одном дыхании. Успехов Вам и продолжайте снимать ролики! Вы делаете великое дело)))
Здравствуйте... Очень ясно, и разжевано расказано. Продолжайте в. Том же духе
благодарю вас, держите лайк с ходу от сеошника, вебмастера и лапочки - СЕООНЛИ
Очень круто
Все отлично.Редактор можно по крупней показывать.
Зачем нужен overlay? В плане пользы для общего развития в навыках верстки, это хорошо. Но какая практическая польза в плане дизайна? Кстати, я использовал z-index 1 и 2 соответственно и всё также работает. Допускаю, что я недальновиден. Просто хочу во всем разобраться и ставлю попутно эксперименты. Позиционирование и геометрия для меня очень запутанная история. Не могу уяснить механизм сдвига header на intro. Мне не хватает практических примеров по этому моменту. Нужно посмотреть что-нибудь простое и наглядное с разноцветными квадратиками или кружочками)) Посоветуйте пожалуйста. Заранее благодарен. И ещё. Мне не очень нравится этот макет. Хотелось бы чтобы дизайнер прописал поконкретнее отступы между элементами. Макет необходимо доработать. Добавить нужное и убрать лишнее. Хотя, если этот макет был задуман как тренировочный для верстальщиков, то преодолевание трудностей ведет к ещё большей мудрости.
PS: Мои выводы и суждения могут быть ошибочными. Я не верстальщик и не дизайнер, а только начинаю учиться.
Спасибо. Сейчас уже поздненько, но завтра начну практиковаться в верстке сайтов по твоему плейлисту💯
О , супер!!!
Спасибо за урок! Я начинаю верстать такие видео очень продуктивны. Очень грамотно преподносишь материал. Лайк и подписка! :)))
Привет,спасибо за видео,у меня есть вопрос,а нельзя было создать общую див для хэдера и для интро,и задать ему бэкграунд с картинкой ?
Рад что нашел тебя потратил сутки что бы найти что то что загружалось бы и работало. Я так понимаю надо все кода удалить и делать заново слушая тебя?
Супер, продолжай такие видео ролики + js или react буду ждать, держи лайк и подписку!!!
Я конечно только начал свой путь во фронт-енд, но разве фильтр с затемнением нельзя было сделать на саму картинку?
Чтобы фильтр не перекрывал кнопку и другой контент
Для чего header__block ты добавляешь width: 20% и почему именно 20, как это просчитать?
на глаз)
Все супер!!!)
Повторил все действия, указанные в уроке. Понравился подход, так как в процессе последовательного внесения тегов в верстку и стилей в css появляется понимание зачем это всё. Только среду таки выбрал vs code. Там live server на лету всё отражает. Еще раз спасибо. Будет приятно в дальнейшем увидеть переработку этого шаблона, но в гридах. Говорят более свежее веяние + пользователь увидит возможности сделать сайт адаптивным, а не просто резиновым.
у меня такой вопрос, а не легче допустим создать общий блок и добавить туда бакграунд картинку и туда уже навигацию и т.д. накидывать(сверху картинки)? p.s. я только начинаю изучать верстку =)
спасибо за урок!
топчик )
Здравствуйте как поставить изображения посередине, а не сбоку? примерно 19:00
почему у меня вот логотип начинается с начала сайта хотя все теги указаны как на видео
Здравствуйте, у меня перестал работать красная кнопка, она как будто стала не активной когда на нее наводишь.
Стала как будто просто картинкой
нету шрифта с названием SF Pro Display что делать ?
привет) на 23 минуте возникла заминка у меня))uppercase почему-то зачеркнутый и не применяется. Что делать. Поискала ошибку, не нашла((
вступите в телеграм канал в описании к видео он был, и там со скриншотами уже можете показать)
закрепите исходник плиз! не могу найти ошибку свою, h1 и кнопка прижаты к экрану, нет отступа) спасибо
это реально очень круто
ты топ бро
Спасибо. Отлично.
Отлично!
.intro__block {
} остался пустой?
Приветствую!)) Объясните, пожалуйста, откуда взялась цифра 20% в ".header__block" ?
25:33
Спасибо за видео! Очень полезный контент. Лайк, подписка.
У меня фон в header не на всю ширину с права пустой блок
А откуда у вас в самом начале взялся левый отступ от логотипа?
он его задал шириной контейнера
Спасибо за урок. Есть вопрос: Почему в .header__block мы ставили width: 20% ? Как понять какая цифра должна там быть? Почему не 15, не 25? Спасибо
Исходя из содержимого внутри, я ставлю с небольшим запасом
@@FrontEndtricks появляется скролл в панели разработчика как его убрать?
Спасибо 👍
Спасибо за видео из 2022!) Понравилось то, что на практике объясняется вёрстка. Если есть видео выполнения вёрстки без комментариев - был бы рад посмотреть. Чтобы понять, сколько на вёрстку такого шаблона уходит времени. А то на фрилансе есть задачки, а как по времени оценить - нет понимания)
Ну вот посмотрите общую длительность всех видео) и сократите на половину)))
не понял как ширина 20% центрировала нав меню
Шаблон для прохождения урока от куда можно взять ?
ссылка на дизайн в описании
@@FrontEndtricks Спасибо
видео отличное) я учусь и как раз на обучении hover after и тд, но вопрос от новичка, почему в теге nav пишется не ul список а просто ссылки подряд?
Добрый день
Вы на комментарии отвечаете?
Смотря на какие) добрый день
@@FrontEndtricks ,
У меня вопрос
Я дублирую страничку с фигмы начинаю играться с блоками и у меня пропадают элементы - шапка например, и другие.
Как делать Правильно - подскажите
@@Gazovchik ну это либо в слоях что то не то делаете, тут может помочь «шаг назад»
@@FrontEndtricks ,
Я первый раз в Фигме - может подскажете где эта кнопка?,
А может видеокурс хороший знаете? (чтобы с сайтом этим разобраться)(а может сами когда-нибудь захотите такой видеоурок сделать)
Ждём новую верстку
Ссылки к сожалению не открывают. не смог добраться до макета(
добавлена ссылка Google drive с .fig файлом
в целом не плохо, но стоило с самого начало готовится к адаптивной верстке, а то по итогу слишком много менять придется
а вы смотрели 5тый урок, что так утверждать?
@@FrontEndtricks ну я не говорю за последующие уроки, просто на данный момент слишком много было грубых значений ), ну мб тебе так удобнее я то че
Данный урок мне понравился, только на моментах оформления ссыллок, возникли вопросы.Лучше было использовать псевдо-класс hover, а не делать доп. классы.
Вы уверенны, что хорошо слушали урок? если вы смотрите данный, урок каким образом вы решаете что лучше а что хуже?
если мы на главной странице, и в навигации должен быть выделен один пункт меню всегда как активный, причем тут тогда hover?
P.S. мне просто интересно откуда все люди постоянно делают такие выводы, у меня такое впечатление, что даже все начинают писать комментарии, не досмотрев до конца. и вырывают всё из контекста...
и еще дополнить хотел бы, люди учатся верстать, соответственно учатся делать разные условия, для чего критика касательно дизайна, я не понимаю
Спасибо за ответ. Я всё понял
@@ЕгорНестеров-ф1й дело в том что не Вы первый, не Вы последний такие замечания пишет, а я всё понять не могу, в чем проблема, это ведь просто практика, у меня нет образования чтобы учить людей, делайте как хотите, я просто делюсь опытом ))
@@FrontEndtricks Извините за мой глупый вопрос. Я очень сильно сглупил.
а ЖС не добавите ?
на этом курсе js не будет
хелп у меня не показывается картинка для интро! хотя ошибки нет на сайте и рамер норм! пожалуйста помогите как это исправить!
напишите, в телеграм чат, или в вк
Откуда у текст css код в Figma, как так же сделать, хелп!
посмотрите начало урока, я так примерно объяснил как пользоваться Figma 4:22
можно ссылку на макет?
Описание 5того урока
@@FrontEndtricks спасибо
17:07
41:58
Начинаю верстать, пересмотрел кучу роликов, все верстают как хотят, нет определённого стандарта, от этого каша в голове, какие способы и методы применять. Например, какие единицы для текста, для блоков и отступов, rem, em, %, vw, vh, ...
Спасибо за макет , но мне кажется , что людям которые сюда пришли нужно обязательно знать азы , то есть html , css . Чтобы не пришлось объяснять как все свойства работаю , типо марджин топ лефт и т.д
Так и я вроде, когда писал постоянно показывал, что изменилось, и разжевывал некоторые моменты
@@FrontEndtricks в том то и дело , что люди должны уже знать всё это , чтобы остальные в том числе я , не ждал пока ты обьясним им что такое заголовок или параграф и т.п
@@FrontEndtricks а так все отлично , спасибо , в 2 х быстро сделал
не открывается ни одна из ссылок
Добрый день, какая у вас страна, у меня все ссылки работают. можете вступить в телеграм группу. я туда тогда Вам всё скину
188 минут ушло на повторение за тобой
круто, но видно все плоховато
Hello
не меняется цвет навигации в шапке ((((
*, *:before, *:after {
box-sizing: border-box;
}
.container {
width: 1200px;
margin: 0 auto;
}
body {
margin: 0;
}
.header {
background-color: black;
}
.wrapper {
height: 100px;
display: flex;
justify-content: space-between;
align-items: center;
}
.nav {
text-transform: uppercase;
color: white;
/* не меняется на белый цвет */
text-decoration: none;
}
внутри ссылки, а ссылки по умолчанию не принимают цвета от родителя, нужно прописать самим ссылкам
@@FrontEndtricks а ещё изначально container не меняет свое положение. То есть нет отступов по краям
@@ДарьяВолкова-к4ш рекомендую пересмотреть первый урок по шапке заново, там все это было
я блин не панимаю в чем смысл делать активные ссылки и айтемы через active, если сам дизайн говорит что это актив ховер при наведение, в чем смысол делать через актив то хахаха
Смысл в том, что люди учатся делать, и эктив и ховер, этот дизайн не для клиента сделан, делал его я, курс записывал я, я показывал как верстать, и как добавлять различные элементы, какие еще тут могут быть претензии?
@@FrontEndtricks а понял, сори я просто спросил, не хотел грубить
bratan ni nam a tebe spossibo
Я в шоке типуля столько инфы дропает на ваши бошки а вам лукас тяжело влепить.
а можно нижнее подчеркивание под словом "Main" дать таким образом?
.nav__link.active{
text-decoration: underline 2px;
text-decoration-color: red;
понял свою ошибку)) спасибо
Можно, но если хотите какие то интересные анимации, то лучше будет через before,after
Что за прога в которой код пишется?
Jetbrains phpstorm