JSFiddle - React, Tailwind, and code Playground
by Jim_Toth
HTML
<div name="topRadial" type="NavTheme" id="f_a7eefaef-c78a-4fe1-925d-f515062961c4" class="css-NavbarSection-192rqjg0 s-nav navigator css-1kyercu">
<div class="s-navbar-desktop s-navbar-desktop-normal s-bg-dark-text">
<div class="s-nav-inner">
<div class="s-topRadial-items-container">
<div class="s-topRadial-nav-left">
<div class="s-nav-items-and-links">
<ul class="s-uncollapsed-nav ">
<li class="s-nav-li selected" style="display: none;">
<div class="s-nav-link-container"><a class="s-font-body" href="#home">HOME</a></div>
</li>
<li class="s-nav-li">
<div class="s-nav-link-container"><a class="s-font-body" href="#new-arrivals">NEW ARRIVALS</a></div>
</li>
<li class="s-nav-li">
<div class="s-nav-link-container"><a class="s-font-body" href="#banner">Banner</a></div>
</li>
<li class="s-nav-li">
<div class="s-nav-link-container"><a class="s-font-body" href="#-1">Banner</a></div>
</li>
<li class="s-nav-li">
<div class="s-nav-link-container"><a class="s-font-body" href="#store">STORE</a></div>
</li>
<li class="s-nav-li hidden">
<div class="s-nav-link-container"><a class="s-font-body" href="#what-we-do">WHAT WE DO</a></div>
</li>
<li class="s-nav-li hidden">
<div class="s-nav-link-container"><a class="s-font-body" href="#sign-up">SIGN UP</a></div>
</li>
<li class="s-nav-li hidden">
<div class="s-nav-link-container"><a class="s-font-body" href="#team">TEAM</a></div>
</li>
<li class="s-nav-li s-nav-ellipsis hidden s-navbar-dropdown _down" style="">
<div class="s-nav-link-container"><a><span class="s-font-body">… <i class="fa fa-angle-down"...