Na aula o instrutor coloca o span 2 e o conteudo que estava abaixo magicamente sobe e fica ao lado do menu lateral. Alguém que já tenha feito essa aula consegue me explicar o pq isso acontece? 
@media screen and (min-width: 940px) {
.menu-lateral{
position: static;
width: 200px;
grid-column: 1;
grid-row: 1 / span 2;
}
}
Oii, Dev! Tudo bem?
Agradeço por aguardar o nosso retorno.
A propriedade grid-row: 1 / span 2; define o posicionamento vertical do elemento na classe menu-lateral. O número 1 indica que o elemento vai começar na primeira linha da grade, e o /span2 especifica que o elemento deve ocupar duas linhas consecutivas.
Para exemplificar, imagine que você tem uma folha de papel quadriculada e quer posicionar um objeto em determinadas linhas. A linha de código diz para colocar o objeto a partir da primeira linha e fazer com que ele ocupe duas linhas consecutivas. É como se você dissesse para o objeto começar na linha 1 e se estender verticalmente para cobrir a linha 1 e a linha imediatamente abaixo dela.
Em resumo, que o conteúdo que estava abaixo ocupou duas linhas verticalmente
Espero ter ajudado a entender melhor com a explicação.
Bons estudos!