JSFiddle - React, Tailwind, and code Playground

by secretgspot

HTML

<section>
  <div id="boxBlue">
    #boxBlue
  </div>
  <div id="boxGreen">
    #boxGreen
  </div>
  <div id="boxRed">
    #boxRed
  </div>
</section>

CSS

section{
  display: box;
  display: -webkit-box;
  width: 100%;
  height: 400px;
  color: #fff;
}
#boxBlue{
  background: blue;
  width: 25%;
  box-ordinal-group: 2;
  -webkit-box-ordinal-group: 2;
}
#boxGreen{
  background: green;
  width: 50%;
  box-ordinal-group: 1;
  -webkit-box-ordinal-group: 1;
}
#boxRed{
  background: red;
  width: 25%;
  box-ordinal-group: 3;
  -webkit-box-ordinal-group: 3;
}