JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="calendar">
    <div class  = "day" id="day0"></div><div class  = "day" id="day1"></div><div class  = "day" id="day2"></div><div class  = "day" id="day3"></div><div class  = "day" id="day4"></div><div class  = "day" id="day5"></div><div class  = "day" id="day6"></div>
    </div></body>
</html>

CSS

#calendar {
    display: table;
    height:900px;
}
#calendar .day {
    display: table-cell;
    width: 17%;
    padding: 10px;
}
#calendar .day:nth-child(even) {
    background: #ccc;
}
#calendar .day:nth-child(odd) {
    background: #eee;
}