JSFiddle - React, Tailwind, and code Playground

by laurentw

HTML

<div id="wrapper">
  <div id="zone1">
  TEXT
  </div>
    <div id="zone2">
  TEXT
  </div>
    <div id="zone3">
  TEXT
  </div>
    <div id="zone4">
  TEXT
  </div>
   <div id="zone5">
  TEXT
  </div>
</div>

CSS

#wrapper
{
  display:flex;
  width:100%;
  flex-flow:row nowrap;
}
#zone1,#zone2,#zone3,#zone4,#zone5
{
  display:flex;
  width:100%;
  
}