JSFiddle - React, Tailwind, and code Playground

by Felipe Alfaro

HTML

<section>
  <div>1 asdasdasd</div>
  <div>2 asdasdasd asdasdasd asdasdasd</div>
  <div>3 asdasdasdasdasdasd</div>
  <div>4 asdasdasd asdasdasd</div>
  <div>5 asdasdasd</div>
  
    <div>1 asdasdasd</div>
  <div>2 asdasdasd asdasdasd asdasdasd</div>
  <div>3 asdasdasdasdasdasd</div>
  <div>4 asdasdasd asdasdasd</div>
  <div>5 asdasdasd</div>
</section>

CSS

section {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 100px;
  background: gainsboro;
}

div {
  padding: 5px;
  flex-grow: 0;
}