JSFiddle - React, Tailwind, and code Playground

HTML

<div class="column left">
  left column - part 1
</div>
<div class="column left">
  left column - part 2
</div>
<div class="column right">
  right column - part 1
</div>
<div class="column right">
  right column - part 2
</div>
<div class="column right">
  right column - part 3
</div>
<div class="column right">
  right column - part 4
</div>
<div class="column right">
  right column - part 5
</div>
<div class="column right">
  right column - part 6
</div>

CSS

.left {
    float: left;
    width: 100px;
    background-color: red;
    clear: left;
}

.right {
    margin-left: 100px;
}