JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
  <div class="column">
      <div class="list_item">A</div>
      <div class="list_item">B</div>
  </div>
  <div class="column">
      <div class="list_item">C</div>
  </div>
</div>

CSS

.wrap {
  display: flex;
  justify-content: space-between;
  width: 100px;
  height: 50px;
  background: lightblue;
}
.list_item {
  border: 1px solid green;
  height: 20px;
}
.column{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.column:last-child {
  justify-content: center;
}