JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
<div class="container-fluid">

    <div class="row-fluid fullscreen"><a name="1"></a>          
        <h1>section 1</h1>
    </div>

    <div class="row-fluid fullscreen"><a name="2"></a>
        <h1>section 2</h1>
    </div>

    <div class="row-fluid fullscreen"><a name="3"></a>          
        <h1>section 3</h1>
    </div>

    <div class="row-fluid fullscreen"><a name="4"></a>          
        <h1>section 4</h1>
    </div>

    <div class="row-fluid fullscreen"><a name="5"></a>          
        <h1>section 5</h1>
    </div>

</div>

CSS

html,body { margin:0; padding:0; }
.fullscreen { width:100%; height: 100vh; background: red; }