JSFiddle - React, Tailwind, and code Playground

by glam

HTML

<div class="base" style="background: blue">
  <div class="child" style="background: yellow">
  ttt
  </div>
  <div class="child" style="background: green">
  asas
  </div>
</div>

CSS

.base {
  display: flex;
/*   justify-content: space-around;
   */  flex-grow: 1; 
  /* align-items: center; */
  height: 100%
}

.child {
  display: flex;
  flex-grow: 1;
}