JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cn">
    <div class="divone"></div>
    
    <div class="divtwo"></div>
    
    <div class="divtree"></div>
</div>

CSS

div.cn {
    padding: 0 150px;
}
div.cn div {
    float: left;
    height: 300px;
}
div.cn div.divone,
div.cn div.divtree {
    position: relative;
    width: 150px;
}
div.cn div.divone {
    background: red;
    margin-left: -150px;
}
div.cn div.divtwo {
    width: 100%;
    background: pink;
}
div.cn div.divtree {
    margin-right: -150px;
    background: blue;
}