JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
    <ul>
        <li><a href="projects.html">projects</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="services.html">Services</a></li>
        <li><a href="ethical-design.html">Ethics</a></li>
        <li><a href="contact.html">Contact</a></li>
    </ul>   
</nav>

CSS

nav {
    font-family: Times New Roman;
    margin: 0;
	  padding: 0;
	  border: 0;
}

ul {
	vertical-align: top;
	list-style: none;
  margin: 0;
	padding: 0;
	border: 0;
}

li {
    background-color: green;
    margin-bottom: 50px;
    font-size: 3rem;
    line-height: 1em;
}

a {
   background-color: pink; 
   text-decoration: none;
}