JSFiddle - React, Tailwind, and code Playground

HTML

<div id="column-container">
    <div>box 1</div>
    <div>box 2</div>
    <div>box 3</div>
    <div>box 4</div>
    <div>box 5</div>
    <div>box 6</div>
</div>

CSS

div#column-container {   
    /* Set 2 columns*/
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;

    width: 50%;
    padding: 0em;
}

div#column-container div {
    background-color: yellow;
    
    /* set shadow for yellow elements */
    box-shadow: 0px 1px 3px #000;
    -webkit-box-shadow: 0px 0px 1em #000;
    -moz-box-shadow:    0px 0px 1em #000;
    box-shadow:         0px 0px 1em #000; 
    
    /* Make sure that yellow div is not split between columns */
    display: inline-block;

    width: 80%;
    height: 70px;
    margin: 1em 10%;
    line-height: 70px;
    text-align: center;    
}