Utilizei a propriedade border-top no footer ao invés de usar o a tag hr.
footer {
border-top: 1px solid #858585;
background-color: var(--branco);
padding: 2em;
}
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
Utilizei a propriedade border-top no footer ao invés de usar o a tag hr.
footer {
border-top: 1px solid #858585;
background-color: var(--branco);
padding: 2em;
}
Olá, Juliano! Como vai?
Parabéns pela solução, é uma ótima ideia!
Vale lembrar que é sempre aconselhável que você desenvolva o projeto o mais parecido possível com o da pessoa instrutora do curso, e só então faça alterações.
Fico à disposição. Abraço!