JSFiddle - React, Tailwind, and code Playground

by joplomacedo

HTML

<div class="header__container">
    <div class="header__row">
        <div class="header__unit">
            <img class="header__logo" src="_assets/img/logo_yelllow_cropped.png" alt="">
        </div>


        <div class="header__unit header__mobile_nav_unit">

            <div class="header__mobile_cta_btn_wrapper">
                <a href="tel:00351913679488" class="header__mobile_cta_btn cta_btn btn btn--pill btn--success">
                    <span class="cta_btn__text">
                      913 679 488
                    </span>

                    <span class="cta_btn__icon_circle cta_btn__icon_circle--visible">
                      <i class="fas fa-phone cta_btn__icon"></i>
                    </span>

                    <span class="cta_btn__icon_circle cta_btn__icon_circle--spacer">
                        <i class="fas fa-phone cta_btn__icon"></i>
                      </span>
                  </a>
            </div>





            <div class="header_nav_menu__wrapper nav_menu__wrapper nav_menu__wrapper--bot_right is-closed">
                <div class="nav_menu__toggle">
                    <span class="nav_menu__toggle_text nav_menu__toggle_text--when_closed">MENU</span>
                    <span class="nav_menu__toggle_text nav_menu__toggle_text--when_open">FECHAR</span>
                </div>

                <div class="nav_menu__menu">
                    <div class="nav_menu__menu_item">
                        <a href="servicos/index.html" class="nav_menu__menu_link">O que tratamos</a>
                    </div>
                    <div class="nav_menu__menu_item">
                        <a href="metodo/index.html" class="nav_menu__menu_link">Como tratamos</a>
                    </div>
                    <div class="nav_menu__menu_item">
                        <a href="sobre/index.html" class="nav_menu__menu_link">Quem somos</a>
                    </div>
                    <div class="nav_menu__menu_item">
                       ...