Hover state not working

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

Have you tried using this?

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

yea doesnt appear. just tried it agIN and nothing.

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

So it would be →

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

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.

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

1 Like

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.

1 Like

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

1 Like