JSFiddle - React, Tailwind, and code Playground

by iBertel

HTML

<div class="row">
  <div class="column">

    <div class="contract">
      im a contract
    </div>

    <div class="column">

      <div class="contract">
        im a contract
      </div>
      <div class="contract">
        im a contract
      </div>
      <div class="contract">
        im a contract
      </div>

    </div>

  </div>
</div>

SCSS

.contract {
  border: 1px solid blue;
  padding: 10px;
  &:only-of-type {
    float: left;
  }
}

.column {
  border: 1px solid red;
  padding: 5px;
  overflow: hidden;
}