JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div>item1</div>
  <div>item2</div>
  <div>item3</div>
  <div>item4</div>
  <div>item4</div>
</div>
<br>
<br>
<div class="wrapper">
  <div>item1</div>
  <div>item2</div>
  <div>item3</div>
  <div>item4</div>
</div>

CSS

.wrapper {
  column-count: 2;
  background: yellow;
}