JSFiddle - React, Tailwind, and code Playground

by Thiago Diniz

HTML

<div class="menuMobile" style="">
    <div class="side-menu-button"> <a class="close-menu" href="javascript:void(0)">
        <span class="close-icon">≡</span> 
        <span class="close-text">Fechar</span>
    </a>

    </div>
    <div class="side-menu">
        <ul class="nav-menu">
            <li> <a href="javascript:void(0)">Menu</a>

                <ul class="nav-menu-sub">
                    <li> <a href="/estilos" class="first">Estilos</a>

                    </li>
                    <li> <a href="/marcas">Marcas</a>

                    </li>
                    <li> <a href="#" class="last">Daily Deals</a>

                    </li>
                </ul>
            </li>
            <li> <a href="javascript:void(0)">Minha Conta</a>

                <ul class="nav-menu-sub">
                    <li> <a href="/account" class="first">Minha Conta</a>

                    </li>
                    <li> <a href="/account/orders">Meus Pedidos</a>

                    </li>
                    <li> <a href="/Institucional/central-de-atendimento" class="last">Atendimento</a>

                    </li>
                </ul>
            </li>
            <li> <a href="/checkout">Minha SAcola</a>

            </li>
        </ul>
    </div>
</div>