JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div class="hai">
    <div class="one"></div>    
    <div class="three"></div>
   </div>
     <div class="two"></div>
</div>

CSS

.wrapper{

width: 100%;
padding: 15px;
}

.hai{
  display: inline-block;
}
.one{
  vertical-align: top;
  width: 200px;
  height: 300px;
  background-color: blue;
  display: inline-block;
}

.two{
    vertical-align: top;
  width: 200px;
  height: 400px;
  background-color: red;
   display: inline-block;
}

.three{
  width: 200px;
  height: 300px;
  background-color: yellow;
}