JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
  <a href="#">Hem</a>
  <a href="#">Mekanik/Trimning</a>
  <a href="#">Kontakt</a>
  <a href="#">Join Us</a>
</nav>

CSS

nav {
  width: 600px;
  display: flex;
  justify-content: space-between;
}

a {
  width: 120px;
  display: block;
  text-align: center;
}

a:hover {
  font-size: 20px;
}