JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
    <div class="child">hello</div>
    <div class="child">hello</div>
    
</div>
<br />
<br />
<div class="other">hello</div>
<div class="other">hello</div>

CSS

.child{background:#ccc; padding:20px}
.parent .child + .parent .child{ margin-top:520px; }
.other{ background:#333 }
.other + .other{margin-top:20px;}