JSFiddle - React, Tailwind, and code Playground

by brigand

HTML

<div class="container">
  <div class="box"></div>
  <div class="box"></div>
  <div class="anti-space"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="anti-space"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>

CSS

.box {
  width: 24em;
  height: 12em;
  box-shadow: inset 0 0 0 3px currentColor;
}

.container>.box:not(:first-of-type) {
  margin-top: 1.2em;
}

.container>.anti-space+.box {
  margin-top: 0;
}