JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="middle">Centered</div>
    <div id="right">Responsive</div>
</div>

CSS

#container {
    display: flex;
}
#container:before, #middle, #right {
    border: 1px solid red;
    flex: 1 1 0;
}
#container:before {
    content:"";
}
#middle {
    max-width: 100px;
}