JSFiddle - React, Tailwind, and code Playground

by Praveen Kumar Purushothaman

HTML

<div class="wrap">
    <div class="first section">First section</div>
    <div class="second section">Second section</div>
    <div class="third section">Third section</div>
    <div class="fourth section">Fourth section</div>
</div>

CSS

html,body, .wrap {
    min-height: 100%;
    height: 100%;
}

.wrap, .wrap .section {
    min-height: 100%;
    overflow: hidden;
    position: relative;
}
df {}
.first {display: block; top: 0;}