JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
    <div class="logo">logo</div>
    <div class="menu">
        <div class="menu-top">menu cima</div>
        <div class="menu-bot">menu baixo</div>
    </div>
</nav>

CSS

nav {
    /* Usado inline block para que o nav tenha a mesma altura sem necessidade ajustar o height */
    display:inline-block;
    width:100%;
}
.logo {
    height:120px;
    width:220px;
    float:left;
    background:#ff0;
}
.menu {
    width: 100%;
    background:#f0f;
}

.menu-top,
.menu-bot {
    height:60px;
}


/* 
    Estilo usado apenas para diferenciar visualmente o menu superior do inferior
*/
.menu-top {
    background:#f07;
}
.menu-bot {
    background:#ccc;
}