Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

grid-column-start grid-column-end grid-row-start grid-row-end (dúvida referente ao vídeo)

Olá,

Vejo no vídeo que o professor conta coluna não pela linha, mas pela coluna em si e em todas as outras referência que vejo na internet css-tricks, o pessoal considera a linha como ponto de start.

Exemplo: Ele conta a linha da foto do PUBG como sendo start: 1 e end: 1. Não seria correto start: 1 e end: 2? Pois, assim, eu estaria considerando a contagem das linhas. Bem como a coluna, ele faz star: 4 e end: 4, porém não deveria ser star: 4 e end: 5?

Modelo Atividade

grid-column-start: 4;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 1;

Modelo Aluno

grid-column-start: 4;
grid-column-end: 5;
grid-row-start: 1;
grid-row-end: 2;

O modelo aluno está errado?

Obrigado pela atenção.

3 respostas
solução!

Fala ai Diogo, tudo bem? Ambos os códigos estão corretos, os dois vão funcionar da maneira necessária.

A questão é que quando queremos posicionar um determinado item em uma única linha e coluna não precisamos declarar uma posição à mais.

No caso, como queremos que ele fique na coluna 4 e linha 1, podemos declarar apenas 4/4 (coluna) e 1/1 (linha).

Já se quisermos que ele ocupe mais de uma linha e mais de uma coluna, ai precisamos sempre adicionar uma à mais.

Espero ter ajudado.

Perfeito!

Ajudou sim, obrigado.

Magina Diogo, sempre que precisar não deixe de criar suas dúvidas.

Abraços e bons estudos.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software