JSFiddle - React, Tailwind, and code Playground

by gladisonperosini

HTML

<header>

    <div class="espaco-logo"></div>

    <div class="espaco-contato"></div>

    <div class="espaco-interacao"></div>

</header>

CSS

header{
    width: 100%;
    max-width: 1550px;
    margin: auto;
    background-color: #eee;
    padding: 5px;
    box-sizing: border-box;
    overflow: auto;
}
header div.espaco-logo{
    float: left;
    width: calc(100% / 3);
    height: 130px;
    background-color: #222;
}
header div.espaco-contato{
    float: left;
    width: calc(100% / 3);
    min-width: 450px;
    height: 130px;
    background-color: #ccc;
}
header div.espaco-interacao{
    float: left;
    width: calc(100% / 3);
    height: 130px;
    background-color: #bbb;
}