JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
    <head>
    </head>
	<body>
        <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>
    </body>
</html>

CSS

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

.section {
    min-height: 100%;
}