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

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

nav {
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 7.2rem;
    left: 0;
    right: 0;
    font-size: 3rem;
    line-height: 1em;
    font-family: Times New Roman;
}

nav li {
    background-color: green;
    margin-bottom: 50px;
}

nav a { background-color: pink; }