JSFiddle - React, Tailwind, and code Playground

HTML

<div class='item1'>
  <div class='item2'>
    Hey buuuuuuuuuuudy
  </div>
  <div class='item3'>
   whats up
  </div>
</div>
<div>
Heeeeeey
</div>

CSS

.item1 {
  display: flex;
  flex-direction: column;
}

.item2 {
  flex: 2;
}

.item3 {
  
}