JSFiddle - React, Tailwind, and code Playground

HTML

<div class="fix">1</div>
<div class="block">2</div>
<div class="block">3</div>
<div class="block">4</div>

CSS

div{margin:1px 0;width:100%;}
.fix{padding-bottom:10%;background:#bbb;}
.block{height:100px;background:#eee;}