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 vote137 views1 answer
Tailwindcss tutorial
CSS
20 votes144 views4 answers
Css list no bullets
CSS
1 vote135 views1 answer
Css selector to change long bot description top.gg
CSS
2 votes142 views1 answer
Css minmax
CSS
2 votes136 views1 answer
Last second css
CSS
1 vote132 views1 answer
Scss nesting
CSS
0 vote135 views1 answer
Como botar um separador display flex quebra de linha
CSS
0 vote104 views1 answer
Css disable animation on load
CSS
67 votes134 views6 answers
How to center a div in css
CSS
17 votes134 views2 answers
Filter: alpha(opacity=0);
CSS