JSFiddle - React, Tailwind, and code Playground

HTML

<div class="flex">

  <div>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati, reiciendis.</p><button>button</button>
  </div>

  <div>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati, reiciendis. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati, reiciendisLorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati, reiciendisLorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati, reiciendisLorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati, reiciendis</p><button>button</button>
  </div>

</div>

CSS

.flex {
  display: flex;
  justify-content: space-evenly;
}

.flex div {
  flex-basis: 48%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 1em;
  border: 1px solid gray;
}