2
respostas

[Projeto] DESAFIO FOOTER - RESOLVIDO

<img src="/img/logoalura.png" alt="Alura+" class="rodape__logo">

<ul class="rodape__lista">

    <li class="lista__link">
        <a href="#">Idioma</a>
    </li>
    <li class="lista__link">
        <a href="#">Dispositivos compatíveis</a>
    </li>
    <li class="lista__link">
        <a href="#">Contrato de assinatura</a>
    </li>
    <li class="lista__link">
        <a href="#">Politica de privacidade</a>
    </li>
    <li class="lista__link">
        <a href="#">Proteção de dados no Brasil</a>
    </li>
    <li class="lista__link">
        <a href="#">Anuncios personalizados</a>
    </li>
    <li class="lista__link">
        <a href="#">Ajuda</a>
    </li>
</ul>
<p class="rodape__texto">® 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__texto">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>
``
2 respostas

.rodape { display: flex; align-items: center; flex-direction: column; gap: 2em; margin: 10em 0 5em 0; }

.rodape__logo { width: 102px; }

.rodape__lista { display: inline-flex; align-items: flex-start; gap: 16px; list-style-type: none;

}

.lista__link a{ color: var(--cor-principal); text-decoration: none; }

.rodape__texto { width: 1200px; text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; color: var(--cinza-securandaria); }

Olá, estudante, como vai?

O seu código está bem estruturado e a estilização está no caminho certo! A utilização do flex para o layout do rodapé e a centralização dos elementos ficou ótima. Ótimo trabalho! Continue assim e não hesite em compartilhar mais desafios.

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)