Placement explicite vs implicite des éléments CSS Grid

Question

N'étant pas sûr de moi, j'ai placé les 2 éléments 4 et 5 :
#grille {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 15px;
grid-auto-rows: 100px;
}
.element {
border: 1px solid #ff8e6e;
background: #ffbb91;
padding: 10px;
}
.element:nth-of-type(4) {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 3;
}
.element:nth-of-type(5) {
grid-column-start: 2;
grid-column-end: 4;
grid-row-start: 2;
grid-row-end: 4;
}
Ça fonctionne aussi, mais du coup du code en plus... Mais du coup, c'est faux ou ça assure le placement ?

Louis-Nicolas Leuillet · Accepted Answer

Non, c’est parfait. C’est d’ailleurs exactement comme ça qu’il faut faire. Donc là pour moi c’est parfait car au moins tu assures le placement.

Placement explicite vs implicite des éléments CSS Grid

Formation Apprendre HTML (legacy)