JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ref"></div>

<div class="parent">
  <div class="child">
    i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i 
  </div>
</div>

CSS

.ref {
  width: 200px;
  height: 10px;
  background-color: black;
}

.parent {
  background-color: lightgrey;
  width: 400px;
}

.child {
  column-count: 2;
  column-gap: 30px;
  
  margin-right: -30px;
}