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;">
        2
    </div>
    <div class="container_item" style="height: 180px;">
        3
    </div>
    <div class="container_item first" style="height: 230px;">
        4
    </div>
</div>

CSS

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