grid-auto-flow

Im folgenden Grid mit 2 Spalten und 4 Reihen werden 2 Zellen positioniert.
Die Positionierung ist aber nicht sehr genau,
denn es wurde bei .n1 nur eine Spalte und bei .n4 nur eine Spalte angegeben, nicht beides.
Bei einer genaueren Positionierung würden auch bei den Werten row oder column keine Lücken entstehen.

Beobachte die Anordnung bei den grid-auto-flow Werten.

.grid {
    width: 300px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-gap: 4px;
}
.n1 {
    grid-row-start: 3;
    background-color: #84ebf4;
}
.n4 {
    grid-column-start: 2;
    background-color: #ef72f4;
}

grid-auto-flow: row;

grid-auto-flow: column;

grid-auto-flow: row dense;

grid-auto-flow: column dense;