JSFiddle - React, Tailwind, and code Playground

by SaulBurgos

HTML

<div class="container">
    <div class="container_item">
        1
    </div>
    <div class="container_item">
        1
    </div>
    <div class="container_item">
        1
    </div>
</div>

CSS

.container {
    display: flex;
    border: 1px dashed green;
    height: 400px;
    /*justify-content: flex-start;*/
    justify-content: space-between;
    /*justify-content: space-around;*/
    /*justify-content: center;*/
    /*justify-content: flex-end;*/
}
.container_item {
    border: 1px dashed gray;
    width: 25%;
}