JSFiddle - React, Tailwind, and code Playground

by Usermane

HTML

<html>
  <body>
    <header>
      <nav>
        <ul>
          <li><a href="">Home</a></li>
          <li><a href="">Portofolio</a></li>
          <li><a href="">About Us</a></li>
          <li><a href="">Contact</a></li>
        </ul>
      </nav>
    </header>
  </body>
</html>

CSS

body {
  margin: 0;
}
header {
  height: 89px;
  background-color: black;
}

ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

a {
  color: white;
  padding: 15px;
  text-decoration: none;
}