JSFiddle - React, Tailwind, and code Playground

by Jatin Patil

HTML

<div class="nav">
         <div class="navbar">
             <ul>
                 <li><a href="#">Home</a></li>
                 <li><a href="#">Our Story</a></li>
                 <li><a href="#">Gallery</a></li>
                 <li><a href="#">Our Future</a></li>
                 <li><a href="#" class="right">Join us</a></li>
                 <li><a href="#" class="right">Contact</a></li>
             </ul>
         </div>
    </div>

CSS

.nav{
 width:100%;
align:center;
 }
.navbar {
 width:75%;
 height:50px;
 margin: 0 auto;
 background-color:#E64888;   

    text-align: center;
}
.nav li {list-style: none; display: inline-block; }