Não entendi a função do span em grid-row/grid-column, eu não poderia só colocar o valor de quantas colunas/linhas que o elemento ocupará?
Solucionado
Não entendi a função do span em grid-row/grid-column, eu não poderia só colocar o valor de quantas colunas/linhas que o elemento ocupará?
hoje, com a Alura e o Google Gemini
Oi Luiz Felipe, tudo bem?
Desculpe a demora em responder!
Bem interessante sua pergunta, vamos analisar a propriedade grid-rowe grid-column e entender como ela funciona.
Quando usamos qualquer uma das duas propriedades, seja o grid-row ou o grid-column, estamos especificando qual a linha / coluna na qual o item deve começar.
Suponhamos que estamos trabalhando com um grid que apresenta três linhas e três colunas. Ao usar o comando:
grid-row: 1;estamos definindo que o elemento irá ocupar a primeira linha das três linhas disponíveis.
Quando usamos o span , indicamos quantas linhas ou colunas o item deve ocupar a partir da linha ou coluna especificada. Levando em consideração o mesmo exemplo de grid contendo três linhas e três colunas, ao usar o comando:
grid-row: span 2;estamos dizendo para que o elemento ocupe duas linhas.
Espero ter ajudado. Caso tenha outras dúvidas, estarei à disposição!
Abraços!