.grid {
    display: grid;
    border-top: 1px solid black;
    border-right: 1px solid black;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 50px 50px 1fr;

}

.grid > span,
.grid > input,
.grid > div{
    padding: 8px 4px;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
}

.grid > *:nth-child(12n+7),
.grid > *:nth-child(12n+8),
.grid > *:nth-child(12n+9),
.grid > *:nth-child(12n+10),
.grid > *:nth-child(12n+11),
.grid > *:nth-child(12n+12){
    background: #f9f6e7;
}

.grid > *:nth-child(12n+13),
.grid > *:nth-child(12n+14),
.grid > *:nth-child(12n+15),
.grid > *:nth-child(12n+16),
.grid > *:nth-child(12n+17),
.grid > *:nth-child(12n+18){
    background: #eee3c7;
}

img {
    display: flex;
    max-height: 25%;
}

.train {
    
    display: inline-flex;
    height: min-content;
}