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;
    display:flex;
}
.molo1, .yolo {
    width: 30%;
    max-width: 300px;
    height: auto;
    background: yellow;
    justify-content:space-between;
      margin: 1em;
    padding:1em;

}
.molo3 {
    background: gray;
 
}
.molo2 {

    background: blue;
}