JSFiddle - React, Tailwind, and code Playground

by Hashem Qolami

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{
    background:#feda08;
    overflow-x: hidden;
}

.head-area-clear {
    clear: both;
}