JSFiddle - React, Tailwind, and code Playground

by brigand

HTML

<section>
  
  <div id="left"></div>
  <h2>Title</h2>
  <div id="right"></div>
  
  
</section>

CSS

section > *
  {
   flex: 1;
   border: solid 1px aqua;
   }
  
section
  {
  display: flex;  
  border: solid 1px yellow;
  }
  
#left,#right
  {
  height: 150px;
  width: 150px;
  background: grey;
  }
  
  #left, #right {
    flex: 0 1 10em;
  }