Solucionado
hoje, com a Alura e o Google Gemini
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