JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>

CSS

div#container {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  height: 500px;
  width: 750px;  
}

div.item {
  width: 200px;
}

div.item:nth-of-type(1) {
  background-color: blue;
  height: 100px;
}

div.item:nth-of-type(2) {
  background-color: red;
  height: 500px;
}

div.item:nth-of-type(3) {
  background-color: yellow;
  height: 250px;
}