JSFiddle - React, Tailwind, and code Playground

HTML

<div class='page1'>

</div>

<div class='page2'>

</div>

<div class='page3'>

</div>

<div class='page4'>

</div>

CSS

div {
    float: left;
    height: 500px;
    width: 500px;
    margin: 50px 0;
    background: grey;}

.page2 {
    background: #333;}

.page3 {
    background: #222;}

.page4 {
    background: #111;}