JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
    <div class="col">
        <p>This is some text</p>
        <p>This is some text</p>
        <p>This is some text</p>
    </div>
    <div class="col">
        <p>This is some text</p>
        <p>This is some text</p>
        <p>This is some text</p>
        <p>This is some text</p>
        <p>This is some text</p>
    </div>
    <div class="col">
        <p>This is some text</p>
        <p>This is some text</p>
        <p>This is some text</p>
        <p>This is some text</p>
    </div>
</div>

CSS

.row {
    display: flex;
    overflow: hidden;
}

.col {
    float: left;
    width: 150px;
    margin-right: 2px;
    background: red;
}