JSFiddle - React, Tailwind, and code Playground

by alois de gouvello

HTML

<nav>
         <ul>
          <li><a href="index.html">HOME</a></li>
          <li><a href="how_it_works.html">HOW IT WORKS</a></li>
          <li><a href="get_it.html">GET IT</a></li>
          <li><a href="what_you_can_do.html">WHAT YOU CAN DO</a></li>
          <li><a href="about.html">ABOUT</a></li>     
         </ul>
      </nav>

CSS

* {
    margin: 0;
    padding: 0;
}

body{
color : #F9F9F9;
}


nav {
background-color: #26AD60;
margin: 10px 10px 0px 10px;
}
nav ul {    
margin: 0px;
list-style-type: none;
padding: 15px 0px 15px 0px;
}
nav ul li {
display: inline;
padding: 5px 10px 5px 10px;
}

nav ul li a:link, nav ul li a:visited {
color: #F9F9F9;
border-bottom: none;
font-weight: bold;
text-decoration: none;
}

nav ul li a:active{
background-color: red;
text-decoration: none;
}

nav ul li:hover
{ 
background-color: blue;
color: #F9F9F9;
}