Hover state not working

botosaui · March 30, 2021, 4:54am

im trying to add a hover state to the nav links. please help.

eugenegoh · March 30, 2021, 5:28am

Have you tried using this?

.nav-links:hover {
  border-bottom: black;
}

botosaui · March 30, 2021, 6:42am

yea doesnt appear. just tried it agIN and nothing.

eugenegoh · March 30, 2021, 6:50am

You have put a class on <a></a> tag.

So it would be →

.nav-link:hover {
   border-bottom: black;
}

botosaui · March 30, 2021, 2:23pm

yea still no change. could it be because i made the links container the same size as the haeder container? i did that to center the links.

eugenegoh · March 30, 2021, 2:29pm

Do you mind sharing GitHub repo to your project so that I can fork it and help you out?

selectall · March 30, 2021, 2:42pm

The shorthand border-bottom requires more than just the color. (Source: MDN border-bottom) You can test it out yourself by changing one of the options in their Demo box to just the color.

botosaui · March 30, 2021, 2:42pm

man I wasted so much time because of that 1 detail. thanks a bunch guys.