JSFiddle - React, Tailwind, and code Playground
HTML
<section>A</section>
<section>B</section>
<section>C</section>
CSS
section { margin-left: 0}
section + section {margin-left: 1em}
section + section + section {margin-left: 2em}
<section>A</section>
<section>B</section>
<section>C</section>
section { margin-left: 0}
section + section {margin-left: 1em}
section + section + section {margin-left: 2em}