Não entendi porque o footer alterou depois que mudei o padding de 10% para 5%, como fizeram no vídeo. O deles ficou ok, o meu apareceu essa parte preta embaixo.
Solucionado
Não entendi porque o footer alterou depois que mudei o padding de 10% para 5%, como fizeram no vídeo. O deles ficou ok, o meu apareceu essa parte preta embaixo.
Olá, Bruna!
Pelo que já vi, isso acontece porque o rodapé é inserido logo após o fim do conteúdo <main>. Dessa forma, se o conteúdo acaba antes do final da tela o rodapé fica "flutuando". Para casos assim, foi sugerido fixar a posição do <footer>. Assim:
footer {
position: fixed;
bottom: 0;
width: 100%
Agora, caso tenha mais coisas para adicionar na página é provável que o rodapé volte ao normal sem precisar de alterações.
Perfeito! Funcionou muito, obrigada!