Navbar Link Underline on Hover with CSS

Подписаться 153 тыс.

Просмотров 37 тыс.

50% 1

👉 NEW React & Next.js Course: bytegrad.com/c...
Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). I'll help you master the latest tech here:
👉 NEW React & Next.js Course: bytegrad.com/c...
👉 Professional JavaScript Course: bytegrad.com/c...
👉 Professional CSS Course: bytegrad.com/c...
👉 Discord: all my courses have a private Discord where I actively participate
🔔 Email newsletter (BIG update soon): email.bytegrad...
0:00 Solution
#webdevelopment #coding #programming

Опубликовано:

1 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 20

@TamilCommunity-c7f 6 месяцев назад

you saved me from my client

@mariomeza3514 Год назад

You should also show your html

@m4c1el Год назад

hey! having a little problem: when i set the width as 100%, it gets 100% of the viewport, and not 100% of the text. is there any way to solve this? edit: just solved it! i forgot that the li HAS to be in a relative position. great video anyways!

@Mr.susage69 11 месяцев назад

I owe you big time

@matiasr.28 7 месяцев назад

Also, if you have padding-right or left in your li's you need to use: width: calc(100% - *padding value, for example 3.3rem*); That was a problem that I had. The reason is because the aditional space created with the padding it's added to the total width of the li. Hope it helps.

@m4c1el 7 месяцев назад

@@matiasr.28 hey that's useful in this scenario! i'm currently using tailwind instead of plain CSS, however it's always nice to know these kinds of stuff

@portfedh 2 месяца назад

This was very helpfull, thank you!

@moonie227 5 месяцев назад

Hi! Thank you so much for your amazing tutorial. I have a question regarding your CSS course. Is I will purchase your online tutorial how long will I have access to your courses, is there any limited time? TIA

@ByteGrad 5 месяцев назад

No limit (unless I stop the company etc.)

@kawtarelstanej1133 6 месяцев назад

thanks so easy and so helpfull

@fanconans 10 месяцев назад

"Thanks, it helps me a lot"

@wisdomiwunwa7978 Год назад

This was really helpful. Many thanks. 🙇🏾🙇🏾💪🏾💪🏾

@cerealbawxtv 7 месяцев назад

Great video! How would we get the bar to stay under when we click on the page? Example: if I click home, I want the bar to remain under there until I click a different link in the navbar