JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
<nav>Wrapper</nav>            
<div id="slider">Slider</div>
<div id="left">Left</div>
<div id="srodek">srodek</div>
<div id="right">rght</div>
<footer>Footer</footer>            


</div>

CSS

#wrapper{
    width: 1000px;
}
nav {
    width: 1000px;
    background:green;
}
#slider {
    width: 1000px;
    background-color:yellow;
}
#left {
    width: 200px;
    background:pink;
    float:left;
}
#srodek {
    width: 600px;
    background:purple;
    float: left;
}
#right {
    width: 200px;
    background:green;
    float: left;
}
footer {
    width: 1000px; 
    background:blue;
}