JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">header</div>
<div class="bar">bar</div>
<div class="slider">slider</div>

CSS

.header{
    height:200px;
    background:#fcc;
}
.bar{
    height:40px;
    width:300px;
    margin:-20px auto;
    background:#cfc;
    position:relative;
}
.slider{
    height:200px;
    background:#ccf;
}