Eu fiz o footer antes de assistir a aula 3 "O desafio do footer" então fiz tanto CSS quanto o HTML, e acabei não adicionando a tag <a> e o projeto ficou inicialmente assim:
<html>
<body>
...
<footer class="rodape">
<img src="style/Logo.png" alt="logo da alura plus">
<ul class="rodape__info">
<li>Idioma</li>
<li>Dispositivos compatíveis</li>
<li>Contrato de assinatura</li>
<li>Politica de privacidade</li>
<li>Proteção de dados no Brasil</li>
<li>Anuncios personalizados</li>
<li>Ajuda</li>
</ul>
<p class="rodape__descricao">
® 2021 Alura, Alura+ e Alura Língua. Todos os direitos reservados. Serviço de assinatura paga. Conteúdo sujeito a disponibilidade.
</p>
<p class="rodape__descricao">
Alura+ é um serviço pago, baseado em assinatura e sujeito a termos e condições. O serviço Alura+ é comercializado por Aovs Sistemas de Informática S.A., Rua Vergueiro, 3185 - Liberdade, São Paulo - SP, 04101-300, Brasil e CNPJ 05.555.382/0001-33
</p>
</footer>
</body>
</html>
<css>
.rodape{
text-align: center;
margin: 6em 8em;
}
.rodape__info{
display: flex;
justify-content:space-between;
font-size: 16px;
color: var(--cor--principal);
list-style: none;
margin-top: 2em;
}
.rodape__descricao{
font-size: 14px;
color: var(--cor--segundaria);
margin: 1em 0;
}
</.css>
depois de adicionar a tag <a>
.rodape{
text-align: center;
margin: 6em 8em;
}
.rodape__link{
display: flex;
justify-content:space-between;
margin-top: 2em;
font-size: 16px;
list-style: none;
}
.lista__link a{
color: var(--cor--principal);
text-decoration: none;
}
.rodape__descricao{
font-size: 14px;
color: var(--cor--segundaria);
margin: 1em 0;
}
