JSFiddle - React, Tailwind, and code Playground

by panchroma

HTML

<div class="mainframe">
  <div class="left">Lorem ipsum</div>
  <div class="center">"Center Me!"</div>
  <div class="right">Lorem ipsum dolor sit</div>
</div>

CSS

.mainframe {
    display:flex;
    flex-wrap:nowrap;
    flex-direction:row;
    justify-content:flex-start;
    justify-content:space-between;
    color:white;
}

.left { background:red; flex-basis:auto; height:300px}
.center { background: olive;flex-basis:auto; height:300px;}
.right {background:blue;flex-basis:auto; height:300px;}