.monthSelect {
    display: grid;
    grid-gap: 8px;
    grid-template-areas:
        'jan feb mar'
        'apr may jun'
        'jul aug sep'
        'oct nov dec'
}

.jan { grid-area: 'jan'; }
.feb { grid-area: 'feb'; }
.mar { grid-area: 'mar'; }
.apr { grid-area: 'apr'; }
.may { grid-area: 'may'; }
.jun { grid-area: 'jun'; }
.jul { grid-area: 'jul'; }
.aug { grid-area: 'aug'; }
.sep { grid-area: 'sep'; }
.oct { grid-area: 'oct'; }
.nov { grid-area: 'nov'; }
.dec { grid-area: 'dec'; }