CSSのバトル

<div class="column">
    <div class="box"></div>
    <div class="box"></div>
</div>
<div class="column">
    <div class="box"></div>
    <div class="box"></div>
</div>

  body {
    background: #62374e;
    margin: 50px;
    display: flex;
    justify-content: space-between;
  }
  .column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  } 
  .box {
    width: 50px;
    height: 50px;
    background: #fdc57b;
  }