JSFiddle - React, Tailwind, and code Playground

HTML

<fieldset>
  <div class="main">
    <div class="one"></div>
    <div class="two"></div>
    <div class="three"></div>
    <div class="four"></div>
  </div>
</fieldset>

CSS

.main {
      display: flex;
      flex-flow: row nowrap;
    }
    
    .one {
      background: green;
      height: 100px;
      width: 300px;
    }
    
    .two {
      background: red;
      height: 50px;
      width: 220px;
    }
    
    .three {
      background: blue;
      height: 100px;
      width: 420px;
    }
    
    .four {
      background: yellow;
      height: 100px;
      width: 280px;
    }