Solucionado
A professora colocou primeiro o nome da classe na seção como Principal no index. Depois, sem explicar o porquê era possível, adicionou a palavra container. Nunca vi isso. Mas eu fiz e não funcionou. Depois vi no conteúdo da aula anterior que estava "principal container" e não "container principal". É preciso explicar o pq é possível adicionar um outro nome na mesma classe e depois no CSS configurar de forma separada.
Fala Richard, tranquilo?! Cara, a propriedade class do html aceita mais de um valor sem problemas. Utilizamos isso para fazer a 'composição' de estilos.
Por conta de alguns cenários de hierarquia do css, podemos ter resultados diferentes no resultado visual.
Dá uma olhada na documentação oficial. https://developer.mozilla.org/pt-BR/docs/Web/HTML/Global_attributes/class
Obrigado pela resposta e desculpe a demora para responder. Me ajudou bastante. Obrigado.