React exact path highlight

nav ul {
  list-style: none;
  display: flex;
  background-color: black;
  margin-bottom: 20px;
}

nav ul li {
  padding: 20px;
}

nav ul li a {
  color: white;
  text-decoration: none;
}

.current {
  border-bottom: 4px solid white;
}

Source: stackoverflow.com

Similar codes

0 vote121 views1 answer
Css background templates
CSS
0 vote120 views1 answer
Change font size according to screen css
CSS
4 votes114 views2 answers
Html css rounded corners with mark
CSS
0 vote118 views1 answer
Css background image svg not showing
CSS
3 votes147 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS Bootstrap
47 votes115 views5 answers
Nth-child() css
CSS
5 votes107 views3 answers
Css box shadow not on bottom
CSS
0 vote137 views1 answer
Increase the distance between paragraphs css
CSS
2 votes119 views2 answers
Border not showing css
CSS
4 votes146 views1 answer
Bootstrap file select class
CSS Bootstrap