JSFiddle - React, Tailwind, and code Playground

by locally

HTML

<body>
    
    <div class="wrapper">
        <div class='sat pur block'>
        </div>
        <div class='sat gh1 block'>
        </div>
        <div class='sun pur block'>
        </div>
        <div class='sun gh1 block'>
        </div>
        <div class='sun gh2 block'>
        </div>
        
    </div>
</body>

CSS

* {
    box-sizing: border-box;
}
.wrapper { width: 100%;
    height:100vh;
    background-color: grey;
}
.block {
    width: 33.3%;
    min-height: 20px;
    float: left;
    background-color:red;
}

JavaScript

var dow = new Date().getDay();
alert(dow)