JSFiddle - React, Tailwind, and code Playground

by George Y

HTML

<div class="container">
  <div class="div-a">

  </div>

  <div class="div-b">

  </div>
</div>

CSS

.container {
  display:flex;
  flex-direction:column;
}

.div-a {
  display:flex;
  height: 100px;
  width: 100px;
  border: 1px solid red;
  margin-bottom:100px;
}

.div-b {
  display:flex;
  height: 100px;
  width: 100px;
  border: 1px solid blue;
  margin-top:100px;
}