JSFiddle - React, Tailwind, and code Playground

HTML

<div class="head-area">
     <div class="header">CLIENT LOGO</div>
     <div class="navigation">ITEM 1 | ITEM 2 | ITEM 3 | ITEM 4 | ITEM 5</div>
    </div>

CSS

.head-area{width:100%; display: table;}
.header{display: table-cell;background:#fe0000;}
.navigation{display:table-cell;background:#feda08;}