JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
   <div class="column-centerx">Column center</div>
   <div class="column-left">Column left</div>
   <div class="column-right">Column right</div>
</div>

CSS

.container {
    display: flex;
}

.container div {
    flex: 1;
}

.column_center {
    order: 2;
}