JSFiddle - React, Tailwind, and code Playground

HTML

<div id="gauche">Menu Gauche</div>
<div id="droite">Menu droite</div>
<div id="logo">Logo</div>
<div id="slider">Slider</div>
<div id="contenu">Contenu principal</div>

CSS

#gauche {
    background-color:red;
    float: left;
    width:100px;
    text-align:center;
}
#droite {
    background-color:red;
    float: right;
    width:100px;
    text-align:center;
}
#logo {
    background-color:yellow;
    width:100px;
    text-align:center;
    margin:0 50%
}
#slider {
    background-color:cyan;
}
#contenu {
    background-color:blue;
}