posicionamento da TAG <input>

Oi Rodrigo! Tudo bem com você?

Bom, vamos lá, nesse contexto, isso não é necessariamente uma regra, mas a instrutora escolheu essa abordagem por um motivo bem simples!

Ela colocou o input ali para que após estilizarmos as outras tags, poderemos adicionar ali, no fundo do span uma imagem que vai indicar onde o usuário precisa clicar para abrir o menu.

Ainda não foi adicionado no seu código, mas mais adiante uma tag label vai envolver esse span que vai receber a imagem de fundo. E esse label vai estar programado para que quando alguém clicar nele, isso irá marcar a tag input como :checked, assim a lista de textos vai receber display: block; e vai aparecer, e se for clicado novamente nele o :checked some e a lista recebe display: none; e some novamente.

Isso cria uma dinâmica para o código, portanto a posição do input dentro da div é por organização visual, e ela estar antes do span é para criar toda essa dinâmica que expliquei.

Conseguiu entender Rodrigo?

Mas no geral era isso.

Se precisar eu estarei por aqui.

Abraços e bons estudos.