Olá,
Tenho uma dúvida se a reposta que está correta na resolução do exercício das tarefas é a certa.
No exercício posicionamento mais simples do capitulo dois tem a seguinte pergunta:
"Lembrando que temos um layout de 3 colunas e 2 linhas, precisamos fazer com que nosso elemento ocupe todo o grid."
E como resposta, como correta:
grid-column: 1/4;
grid-row: 1/3;
Correto, estamos preenchendo as três colunas e duas linhas, informamos 4 para as colunas e 3 para as linhas pois ambos são exclusivos.
Minha dúvida não seria a resposta certa, não seria a abaixo?
grid-column: 1/3;
grid-row: 1/2;
Se o grid tem até 3 colunas porque informaria grid-column 1/4, porque até 4 se o grid vai até 3? Sendo que se colocar grid-column1/3 ele preenche também corretamente.
No próprio exemplo feito do projeto no grid da classe destaque que temos 4 colunas e 3 linhas e foi realizado conforme abaixo:
.destaques__principal {
background: url(../img/fortnite.jpg) center / cover no-repeat;
grid-column: 1 / 4;
grid-row: 1 / 3;
}
e não
grid-column: 1 / 5;
grid-row: 1 / 5;