body{margin:0px}
*{box-sizing: border-box;}
#container{height: 100vh; display: grid; gap: 1vw 1vw;
    background-color:cadetblue; border: 1vw solid cadetblue;
    grid-template-columns: repeat(7, 1fr); grid-template-rows: 6vw 3.2vw repeat(6, 1fr);}
#container>div {padding: 0.5vw; overflow: auto;}
.month{font-size: 4vw; background-color:cornflowerblue; 
    display: grid; justify-items: center;
    grid-column: 1/8; grid-row: 1/2;}
.dow{font-size: 1.8vw; text-align: center; background-color: lightblue;}
.date{font-size: 1vw; background-color: lightblue;}
.spacer{background-color:lightskyblue;}