JSFiddle - React, Tailwind, and code Playground

HTML

<section>
    <article style="height: 50px;">First box</article>    
    <article>First box lorem lipsumd</article> 
    <article style="width: 50px; height: 300px;">wide box</article>
    <article style="height: 100px;">First box\t amet</article>   
    <article>First box</article>   
    <article style="height: 200px;">First box
    </article>   
    
</section>

CSS

section, article {
display: box;
}

article {
    background: red;
    margin: 10px;
    display:-moz-box; /* Firefox */
    display:-webkit-box; /* Safari and Chrome */
    display:-ms-flexbox; /* Internet Explorer 10 */
    display:box;
    max-width: 300px;
    min-width: 50px;
    padding: 20px;
    width: 100%;
    overflow: hidden;
}

section {
    display: -moz-box-flex;
    background: blue;    
}
}