Resolvi o desafio da professora, minha resolução foi essa:
.grid-container {
display: grid;
grid-template-areas :
"item1 item2 item3"
"item4 item4 item3"
"item5 item5 item6";
grid-template-columns: auto 1fr;
gap: 10px;
}
.item1 {
grid-area: item1;
}
.item2 {
grid-area: item2;
}
.item3 {
grid-area: item3;
}
.item4 {
grid-area: item4;
}
.item5 {
grid-area: item5;
}
.item6 {
grid-area: item6;
}A duvida é, o resultado final foi o esperado porem ao ver a opnião do instrutor vi que fez com bem menos linhas. Então a forma que eu fiz está errada?
