JSFiddle - React, Tailwind, and code Playground

by Felipe Stoker

HTML

<li>
    <div id="quemsou" class="topoMenuLista p-relative">Quem Sou
        <div class="menuDropDownTotal">
            <div class="menuDropDownFlecha"></div>
            <ul class="menuDropDown">
                <li><a href="/quem-sou/a-trajetoria/" class="menuDropItens">A traget&oacute;ria</a>
                </li>
                <li><a href="/quem-sou/o-deputado" class="menuDropItens">O deputado</a>
                </li>
                <li><a href="/quem-sou/projetos" class="menuDropItens">Projetos</a>
                </li>
                <li><a href="/quem-sou/acoes" class="menuDropItens">A&ccedil;&otilde;es</a>
                </li>
            </ul>
        </div>
    </div>
</li>
<li>
    <div id="midia" class="topoMenuLista p-relative">M&iacute;dia
        <div class="menuDropDownTotalMidia">
            <div class="menuDropDownFlecha"></div>
            <ul class="menuDropDown menuDropDownMidia">
                <li><a href="/midia/artigos/" class="menuDropItensMidia">Artigos</a>
                </li>
                <li><a href="/midia/informativo" class="menuDropItensMidia">Informativo</a>
                </li>
                <li><a href="/midia/noticias" class="menuDropItensMidia">Not&iacute;cias</a>
                </li>
            </ul>
        </div>
    </div>
</li>
<li>
    <div id="multimidia" class="topoMenuLista p-relative">Multimidia
        <div class="menuDropDownTotalMulti">
            <div class="menuDropDownFlecha"></div>
            <ul class="menuDropDown menuDropDownMulti">
                <li><a href="/multimidia/galeria-de-fotos/" class="menuDropItensMulti">Galeria de Fotos</a>
                </li>
                <li><a href="/multimidia/videos" class="menuDropItensMulti">V&iacute;deos</a>
                </li>
                <li><a href="/multimidia/audios" class="menuDropItensMulti">&Aacute;udios</a>
                </li>
            </ul>
        </div>
    </div>
</li>