Where does extra height for row come from when using grid?

.grid {
    grid-template-columns: repeat(3, 1fr);
}

.grid {
    grid-template-columns: repeat(3, 1fr) 3fr;
}
.game-modes {
    grid-column-start: 4;
    grid-row: span 2;
}