JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
        <div class="box">
            <div class="box-content">
                First
                <br />
                First again
            </div>
        </div>
        <div class="box">
            <div class="box-content">
                SECOND
            </div>
        </div>
        <div class="box last">
            <div class="box-content">
                Last
            </div>
        </div>
    </div>

CSS

.container {
            background: green;
            overflow: auto;
        }
        .box {
            width: 33.3%;
            float: left;
        }
        .box.last {
            width: 33.4%;
        }
        .box .box-content {
            margin-right: 10px;
            background: red;
            margin-bottom: -1000px;
            padding-bottom: 1000px;
        }
        .box.last .box-content {
            margin-right: 0px;
            background: red;
        }