Neste projeto em questão, onde não tem um menu principal etc... seria errado usar a tag nav para organizar os links no footer? Fiquei com duvida na hora de criar se usava o nav ou uma lista. Até porque os links desse footer são todos pra alguma página dentro do site e não para um link externo...
HTML
<footer>
<nav class="navbar">
<img src="/assets/Logo.png" alt="Logo Alura">
<div class="navbar__links">
<a href="#">Idioma</a>
<a href="#">Dispositivos compatíveis</a>
<a href="#">Contrato de assinatura</a>
<a href="#">Politica de privacidade</a>
<a href="#">Proteção de dados no Brasil</a>
<a href="#">Anuncios personalizados</a>
<a href="#">Ajuda</a>
</div>
<p class="navbar__aviso">® 2021 Alura, Alura+ e Alura Língua. Todos os direitos reservados. Serviço de assinatura paga. Conteúdo sujeito a disponibilidade.</p>
<p class="navbar__aviso"> 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>
</nav>
</footer>
CSS
:root {
--cor-background: #00030C;
--cor-primaria: #ffffff;
--cor-secundaria: #167BF7;
--cor-terciaria: #c0c0c0;
--cor-texto: #F9F9F9;
--fonte-texto: "Inter", sans-serif;
--tamanho-titulo: 3rem; /* 48px */
--tamanho-normal: 1.75rem; /* 28px */
--tamanho-pequeno: 1rem; /* 16px */
--tamanho-aviso: 0.75rem /*12px */
}
.navbar {
padding: 10%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
gap: 1.5em;
margin: 0 6%;
}
.navbar__links {
display: flex;
font-size: var(--tamanho-pequeno);
gap: 1rem;
}
.navbar__links a {
color: var(--cor-primaria);
text-decoration: none;
}
.navbar__aviso {
font-size: var(--tamanho-aviso);
color: var(--cor-terciaria);
}