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

2 votes304 views2 answers
How to disable pinch zoom on website for mobile devices
CSS
0 vote303 views1 answer
Ios safe area
CSS
3 votes321 views2 answers
Remove highlight input css
CSS
2 votes252 views1 answer
How to align button horizontally in css
CSS
1 vote337 views2 answers
Css clearfix for floats with display table and clear both
CSS
0 vote330 views1 answer
Textarea resize only horizontal
CSS
35 votes322 views2 answers
Css code for margin
CSS
1 vote313 views1 answer
Detect portrait landscape css
CSS
0 vote313 views1 answer
Bootstrap dropdown in accordion problem
CSS
18 votes305 views6 answers
Css box sizing
CSS