A forma com que eu fiz o footer:
<footer class="container__footer">
<img src="imagem/Logo.png" alt="alura+" class="container__img">
<ul class="container__lista">
<li class="separador">
<a href="#" class="container__links">Idioma</a>
<a href="#" class="container__links">Dispositivos Compatíveis</a>
<a href="#" class="container__links">Contrato de assinatura</a>
<a href="#" class="container__links">Política de privacidade</a>
<a href="#" class="container__links">Proteção de dados no Brasil</a>
<a href="#" class="container__links">Anuncios personalizados</a>
<a href="#" class="container__links">Ajuda</a>
</li>
<li>
<p>® 2021 Alura, Alura+ e Alura Língua. Todos os direitos reservados. Serviço de assinatura paga. Conteúdo sujeito a disponibilidade.</p>
</li>
<li>
<p class="paragrafo">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
</li>
</ul>
</footer>
NO CSS:
.container__footer {
text-align: center;
margin: 10em 0 1em 0;
}
.container__img {
text-align: center;
margin-bottom: 2em;
}
.container__lista {
text-align: center;
display: grid;
grid-template-rows: repeat(3, auto);
gap: 2em;
color: var(--cinza-secundario);
font-size: 14px;
font-family: var(--fonte-principal);
padding: 1em;
list-style: none;
}
.separador{
display: flex;
gap: 20px;
text-align: center;
justify-content: center;
color: var(--branco-principal);
font-size: 16px;
font-family: var(--fonte-principal);
}
.container__links {
color: var(--branco-principal);
}
.paragrafo {
padding: 1em;
}