JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    
    <div id="left"></div>
    <div id="mid"></div>
    <div id="right"></div>
    
</div>

CSS

#container {
    position: relative;
    height: 400px;
    width: 80%;
    min-width: 400px;
    margin: 0 auto;
    
    background: #ccc
}
#left, #right, #mid {
    position: absolute;
    bottom: 0;
}
#left {
    left: 0;
    width: 80px;
    height: 200px;
    
    background: red
}
#right {
    right: 0;
    width: 120px;
    height: 170px;
    
    background: blue
}

#mid {
    left:50%;
    
    margin-left: -80px;
    width: 160px;
    height: 300px;

    background: #f39
}