JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cont">
    <div class="inner gold">
      <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nisi quae</p>
      <p> est cumque, quaerat adipisci vel tenetur quis minus. Ullam iusto odio laudantium?</p>
      <p> alias earum suscipit ducimus molestiae, illum praesentium similique</p>
    </div>
    <div class="inner brown">
      <p> alias earum suscipit ducimus molestiae, illum praesentium similique</p>      
    </div>
    <div class="inner yellow">
      <p> alias earum suscipit ducimus molestiae, illum praesentium similique</p>            
    </div>
    <div class="inner pink">
      <p> est cumque, quaerat adipisci vel tenetur quis minus. Ullam iusto odio laudantium?</p>
      <p> alias earum suscipit ducimus molestiae, illum praesentium similique</p>
    </div>
  </div>

CSS

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.cont {
    min-height: 100vh;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: center;
}

.inner {
    width: 80vw;
    padding: 20px;
}

.gold {
    background: goldenrod;
}

.brown {
    background: brown;
}

.yellow {
    background: yellow;
}

.pink {
    background: pink;
    align-self: flex-end; /* ? */
}