JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
 <div class="left">1</div>
 <div class="left">2</div>
 <div class="left fl">3</div>
 <div class="right">1</div>
 <div class="right">2</div>
 <div class="right">3</div>
</div>

CSS

.parent{
    -moz-column-count: 2;
    -moz-column-gap: 50%;
    -webkit-column-count: 2;
    -webkit-column-gap: 50%;
    column-count: 2;
    column-gap: 50%;
}
.parent div{
    width:50px;
    height:50px;  
    margin:10px;
}
.left{
    background:red;
}
.right{
    background:green;
}