JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div class="parent">

  <div class="item">
  <div class="item-item">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo, non praesentium maiores consequuntur quae expedita ea recusandae dolores. Harum vitae dolor, voluptate excepturi eum cum nobis nesciunt, incidunt minus doloremque!

  </div>
  </div>
  <div class="item">
    <div class="item-item">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus ullam sed quibusdam nostrum cumque expedita ex veritatis nobis est ipsam officia similique debitis, mollitia ratione impedit corporis, ad, illum distinctio.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus ullam sed quibusdam nostrum cumque expedita ex veritatis nobis est ipsam officia similique debitis, mollitia ratione impedit corporis, ad, illum distinctio.
    </div>
  </div>
   <div class="item">
  <div class="item-item">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo, non praesentium maiores consequuntur quae expedita ea recusandae dolores. Harum vitae dolor, voluptate excepturi eum cum nobis nesciunt, incidunt minus doloremque!

  </div>
  </div>
  <div class="item">
    <div class="item-item">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus ullam sed quibusdam nostrum cumque expedita ex veritatis nobis est ipsam officia similique debitis, mollitia ratione impedit corporis, ad, illum distinctio.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus ullam sed quibusdam nostrum cumque expedita ex veritatis nobis est ipsam officia similique debitis, mollitia ratione impedit corporis, ad, illum distinctio.
    </div>
  </div> <div class="item">
  <div class="item-item">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo, non praesentium maiores consequuntur quae expedita ea recusandae dolores. Harum vitae dolor, voluptate excepturi eum cum nobis nesciunt, incidunt minus doloremque!

  </div>
  </div>
 ...

CSS

*{

  box-sizing: border-box;

}
.parent{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.item{
  flex: 0 0 calc(100% / 3);
    border: 1px solid green;

}
.item-item{
    padding: 10px;
  border: 1px solid red;
  height: 100%;
}