JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<section class="abstract">
    <div>
        <div class="abstract">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut sint.</div>
            <hr>
        <div class="abstract">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut sint.</div>
                <hr>
        <div class="abstract">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut sint.</div>
    </div>
    <div>
        <div class="abstract">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut sint.</div>
            <hr>
        <div class="abstract">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut sint.</div>
                <hr>
        <div class="abstract">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut sint.</div>
    </div>
    <div>
        <div class="abstract"></div>
        <div class="abstract"></div>
        <div class="abstract"></div>
    </div>
    <div>
        <div class="abstract"></div>
        <div class="abstract"></div>
        <div class="abstract"></div>
    </div>
    <div>
        <div class="abstract"></div>
        <div class="abstract"></div>
        <div class="abstract"></div>
    </div>
</section>

SCSS

.abstracts > div {
    display: table;
    background: pink;
    
    .abstract {
        display: table-cell;
        border: 1px solid;
        border-radius: 10px;
        height: 100px;
    }
}