Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Olá, Alexandre! Como vai?
Pra garantir que o seu rodapé sempre vai estar no lugar desejado, você pode adicionar o seguinte código ao CSS do rodapé:
position: absolute; /*Faz com que o rodapé não seja relativo a nenhum outro elemento*/
top: 100vh; /*Faz com que o rodapé seja posicionado abaixo da tela*/
width: 100%; /*Garante uma largura de 100% da tela ao rodapé*/
box-sizing: border-box; /*Faz com que o espaçamento e o tamanho dos elementos internos não interfiram no tamanho total do rodapé*/
Espero que isso ajude. Fico à disposição!
Abraço!
Adiciona no footer
Margin-top: 104px; //o mesmo do projeto