JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div class="box">
    <div class="l">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo temporibus beatae commodi illo aut adipisci, impedit dolorum, expedita enim in. Perspiciatis veritatis eum minima nostrum voluptates odit sint ad officia.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae quo possimus soluta, minima asperiores atque dolorum amet perferendis iusto sit odio laboriosam harum modi consequatur pariatur sunt! Possimus, nam doloribus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi incidunt similique provident ut magni quam laboriosam voluptatum quaerat necessitatibus doloribus dicta iusto error architecto facere accusamus, impedit praesentium consectetur, sint.</div>
    <div class="l">2</div>
    <div class="l">34</div>
    <div class="l">4</div>
    <div class="l">6</div>
</div>

CSS

body {
    margin :0;
}
div.box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
div.l {
        flex: 0 0 calc(100% / 3);
        width: calc(100% / 3);
        max-width: calc(100% / 3);
}