JSFiddle - React, Tailwind, and code Playground

HTML

<div class="body">
<div class="layout">
<div class="column">
<div class="item"></div>
<div class="item"></div>
</div>
<div class="column">
<div class="item"></div>
<div class="item"></div>
</div>
</div>
</div>

SASS

.layout
  width: 400px
  height: 400px
  background-color: red
  display: flex
  justify-content: space-between
  
.column 
  background-color: blue
  width: 100px
  height: 200px
  display: flex
  flex-direction: column
  justify-content: space-between
    
.item
  background-color: black
  width: 50px
  height: 50px


/* А у академии чёрные блоки точно-таким же кодом растягивлись по углам, вылезали что ли? */