JSFiddle - React, Tailwind, and code Playground

HTML

<div class="Flex">
  <div class="InnerFlex">
   <p>
   1st
   </p>
   <p>
   1stmore
   </p>
  </div>
    <div class="InnerFlex">
  2nd
  </div>
    <div class="InnerFlex">
  3rd
  </div>
</div>

CSS

.Flex{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex: 0 0 243px;
}
   

.InnerFlex{
  background: blue;
  width: 242px;
  color: white;
}

.InnerFlex p{
  height: 100px;
}