JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
    <section class="yolo molo1">Hello</section>
    <section class="yolo molo3">Hey</section>
    <section class="yolo molo2">Hi</section>
</div>

CSS

#wrap {
    width: 100%;
    max-width: 1024px;
}
section.yolo {
    width: 33%;
    max-width: 300px;
    height: auto;
    display: inline-block;
    float: left;
    background: yellow;
}
section.yolo + section.yolo {
    background: gray;
    margin: 0 auto;
    width: 33%;
}
section.yolo + section.yolo + section.yolo {
    width: 33%;
    /* float: right; */
    background: blue;
}