[Dúvida] Função do span no grid CSS

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!