JSFiddle - React, Tailwind, and code Playground

HTML

<div class="unit">
    <section>Lorem ipsum</section>
    <section>
        Dolor sit amet<br>
        Consectetur adipisicing elit
    </section>
    <section>Lorem ipsum</section>
    <section>
        Dolor sit amet<br>
        Consectetur adipisicing elit
    </section>
    <section>Lorem ipsum</section>
    <section>
        Dolor sit amet<br>
        Consectetur adipisicing elit
    </section>    
</div>       


<br>
<h1>For small displays</h1>



<div class="small unit">
    <section>Lorem ipsum</section>
    <div class="break"></div>

    <section>
        Dolor sit amet<br>
        Consectetur adipisicing elit
    </section>
    <div class="break"></div>


    <section>Lorem ipsum</section>
    <div class="break"></div>


    <section>
        Dolor sit amet<br>
        Consectetur adipisicing elit
    </section>
    <div class="break"></div>

    
    <section>Lorem ipsum</section>
    <div class="break"></div>
    
    
    <section>
        Dolor sit amet<br>
        Consectetur adipisicing elit
    </section>    
    <div class="break"></div>

</div>

CSS

.unit{background: #eee}
.unit > section{display: table-cell; border: 1px solid #66d}


/* для мальенькой ширины */
.small .break{display:none}
.small .break:nth-child(3n){display: block; /*не обязятельно*/ clear:both}