JSFiddle - React, Tailwind, and code Playground

by SaulBurgos

HTML

<div class="container">
    <div class="container_item">
        1
    </div>
    <div class="container_item" style="height: 100px;">
        1
    </div>
    <div class="container_item" style="height: 180px;">
        1
    </div>
    <div class="container_item" style="height: 230px;">
        1
    </div>
</div>

CSS

.container {
    display: flex;
    border: 1px dashed green;
    height: 400px;
    align-items: center;
}
.container_item {
    border: 1px dashed gray;
    width: 30%;
}