INICIO E FIM DO GRID POR QUE COLOCAR MAIS UM

O que é esse excluivo que ele se refere, ao tentar executar no projeto da certo colocar o limide do gride de acordo com a coluna e linha que ele ocupa sem a necessidade de acrecentar mais um na contagem.

Sabemos que através do CSS Grid Layout é possível dizer para os elementos onde eles devem começar e terminar, essa definição pode ser feita da utilizando o:

grid-column-start
grid-column-end
grid-row-start
grid-row-endCOPIAR CÓDIGO

Assim conseguimos dizer para o elemento em qual coluna ele deve começar e em qual deve terminar, o mesmo também pode ser feito para as linhas.

Como podemos dizer para um elemento ocupar toda as colunas e linhas, sendo que o nosso layout possui 3 colunas e 2 linhas?

Alternativa correta

A  grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;

B  Alternativa correta
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 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.

Alternativa correta

C    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;

D) Alternativa correta
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;

Precisamos preencher as três colunas e duas linhas, lembrando que o grid-column-end e grid-row-end são exclusivos.

E)Alternativa correta
    grid-column-start: 4;
    grid-column-end: 1;
    grid-row-start: 3;
    grid-row-end: 1;