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 vote151 views1 answer
Changing bakcgound color like animation using tailwind
CSS
49 votes205 views5 answers
How to remove bullets from ul
CSS
0 vote161 views1 answer
Setting size for png icon in CSS
CSS
0 vote159 views1 answer
Lower brightness of backgroung css
CSS
2 votes149 views1 answer
Css tricks transition
CSS
5 votes156 views2 answers
Onclick reload an iframe
CSS
0 vote158 views1 answer
Css static header on scroll
CSS
0 vote179 views1 answer
How to align divs in a row
CSS
0 vote165 views1 answer
Css textarea background color transparent
CSS
1 vote159 views1 answer
Matinput remove underline
CSS