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 class="head-area-clear"></div>
</div>

CSS

.head-area {
    width:100%;
}
.header {
    float:left;
    background:#fe0000;
}
.navigation {
    width:100%;
    background:#feda08;
}
.head-area {
    clear:both;
}