JSFiddle - React, Tailwind, and code Playground

by Usermane

HTML

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="style.css">
    <title>Landing Page</title>
  </head>
  <body>
    <header>
      <ul class="site-menu">
        <li>Home</li>
        <li>Portofolio</li>
        <li>About Us</li>
        <li>Contact</li>
      </ul>
    </header>
    <main>

    </main>
    <footer>

    </footer>
  </body>
</html>

CSS

header {
  background-color: tan;
  /* margin: 15px 15px; */
  /* border: 1px solid chartreuse; */
}
.site-menu {
  list-style: none;
  background-color: #444;
  color: #eee;
  /* display: inline-block; */
  text-transform: uppercase;
  font-size: 1em;
}

.site-menu li {
  display: inline-block;
}