JSFiddle - React, Tailwind, and code Playground

by Taras Vasylivskyy

HTML

<div class="container">
<div class="item">1<br>1<br><br>d1<br>i1<br>v1<br> </div>
   <div class="item">2</div>
   <div class="item">3</div>
</div>

<div class="container">
   <div class="item">1</div>
   <div class="item">2</div>
   <div class="item">3</div>
</div>

CSS

.container{
   display: flex;
   flex-direction: row; /*Пункты внутри контейнера будут располагаться горизонтально*/
   align-items: stretch; /*Пункты внутри контейнер будут принимать всю его высоту*/
}

.item {
  background: red;
  width: 33%;
  border: 5px solid 
}