JSFiddle - React, Tailwind, and code Playground

HTML

<div class='navgMenuItems'>
                    <div class="menuNavgItem untouched"  onClick="PrecAppComponents.navigateTo(0)"><span class="icon"><img src="images/icons/circle.png"/></span><span class="text">Home</span><div class="clearFix"></div></div>
                    <div class="menuNavgItem untouched"  onClick="PrecAppComponents.navigateTo(1)"><span class="icon"><img src="images/icons/circle.png"/></span><span class="text">Itinerary</span> <span class="icon"><div class="clearFix"></div></div>
                    <div class="menuNavgItem untouched"  onClick="PrecAppComponents.navigateTo(2)"><span class="icon"><img src="images/icons/circle.png"/></span><span class="text">Attendees</span> <span class="icon"><div class="clearFix"></div></div>
                    <div class="menuNavgItem untouched"  onClick="PrecAppComponents.navigateTo(3)"><span class="icon"><img src="images/icons/circle.png"/></span><span class="text">Venue Info</span> <span class="icon"><div class="clearFix"></div></div>
                    <div class="menuNavgItem untouched"  onClick="PrecAppComponents.navigateTo(4)"><span class="icon"><img src="images/icons/circle.png"/></span><span class="text">Social Media</span> <span class="icon"><div class="clearFix"></div></div>
                    <div class="menuNavgItem untouched"  onClick="PrecAppComponents.navigateTo(5)"><span class="icon"><img src="images/icons/circle.png"/></span><span class="text">My Notes</span> <span class="icon"><div class="clearFix"></div></div>
                    <div class="menuNavgItem untouched"  onClick="PrecAppComponents.navigateTo(6)"><span class="icon"><img src="images/icons/circle.png"/></span><span class="text">My Contacts</span> <span class="icon"><div class="clearFix"></div></div>
                    <div class="menuNavgItem untouched"  onClick="PrecAppComponents.navigateTo(7)"><span class="icon"><img src="images/icons/circle.png"/></span><span class="text">My Alerts</span> <span class="icon"><div...

CSS

.navgMenuItems{
height:900px;
background:red;}

.menuNavgItem{
    width:100%;
    min-width:150px;
    min-height:40px;
    max-height:11%;
    line-height:40px;
    display:block;
    
    padding-top:5px;
    padding-bottom:5px;
    font-size:20px;
    border-top:1px solid gray;
}


.menuNavgItem.last{
    border-bottom:1px solid gray;
}