JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
    <div class="child-1"> LOREN IPSUM LOREN IPSUM</div>
   <div class="child-2">LOREN IPSUMLOREN IPSUMLOREN IPSUM </div>
   <div class="child-3"> LOREN IPSUMLOREN IPSUM</div>
</div>

CSS

.parent{
  display:flex;
  height:100px;
  background-color:red;
  flex-wrap:wrap;
}

.child-1{
 background-color:green;
 flex:0.5;
}

.child-2{
   background-color:yellow;
   flex:0.5;
}
.child-3{
  background-color:pink;
}