JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div class="a">
    <div class="b">1</div>
    <div class="b">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum fugit, consectetur dicta qui aliquam dolorem illum veniam adipisci iste, quis vel repellat officia vero temporibus nihil quas tempora quasi. Nesciunt!</div>
    <div class="b">3</div>
    <div class="b">4</div>
    <div class="b">5</div>
</div>

CSS

.a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
}
.b {
    width: 20%;
    text-align:center;
}
@media (max-width: 700px){
    .b {
        width: 33.3%;
    }
}