Por que não usou o span ?

Olá Anderson, tudo bem contigo?

Primeiramente eu devo dizer o seguinte: na verdade, o instrutor usou, sim, o <span> para gerar o erro, contudo o que ele fez foi colocar uma classe na <div> que estava envolvendo o <input> e os outros elementos, e se você analisar o CSS desse projeto você vai ver que existem alguns estilos específicos que graças a um seletor especial do CSS são ativados SOMENTE se a classe .input-container--invalido é ativada, e quando ela não é chamada em lugar nenhum, esses estilos desaparecem.

Portanto, o que eu suponho que você estava querendo perguntar é porque ele não usou uma classe diretamente no <span> que seria usado para imprimir a mensagem de erro, correto?

Bom e a resposta para isso é bem simples, isso aconteceu por uma questão de logística, ou seja, para ser possível fazer o controle de onde os estilos seriam aplicados e em quais proporções ele seriam aplicados, pois com os seletores especiais ele seriam aplicados somente onde fosse necessário.

Enfim, a escolha de qual elemento utilizar para exibir a mensagem automática em um formulário pode depender de diversos fatores, como a estrutura do HTML e a preferência do desenvolvedor.

É importante lembrar que a escolha do elemento não afeta diretamente a funcionalidade do formulário, mas sim a sua apresentação visual.

Espero ter ajudado a esclarecer sua dúvida. Se tiver mais alguma pergunta, é só falar!

Um abraço e bons estudos!