Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Praticando

HTML

<footer class="rodape">
      <img src="img/Logo.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 compativeis</a>
        </li>

        <li class="lista_link">
          <a href="#">Contrato de assinatura</a>
        </li>

        <li class="lista_link">
          <a href="#">Política 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="texto_rodape">
        ® 2021 Alura, Alura+ e Alura Língua. Todos os direitos reservados.
        Serviço de assinatura paga. Conteúdo sujeito a disponibilidade.
      </p>

      <p class="texto_rodape">
        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>

CSS

.rodape {
  height: 300px;
  align-items: center;
}

.rodape_logo {
  margin: 1em 50em 2em; 
}

.rodape_lista{
  text-align: center;
  display: flex;
  justify-content: center;
  list-style-type: none;
}

.lista_link a {
  color: var(--branco-principal);
  text-decoration: none;
  padding: 0.5em;
  font-size: 14px;
}

.texto_rodape {
  text-align: center;
  margin: 2em 26em;
  font-size: 12px;
  color: var(--cinza-secundario);
}

Teste

3 respostas
solução!

Oi Mariana, tudo bem?

Parabéns por praticar! Tá evoluindo bem o projeto né?

Só uma dica, dá uma olhadinha aqui:

.rodape_logo {
  margin: 1em 50em 2em; ;
}

Tem dois ;, em alguns casos pode fazer com que seu código tenha inconsistências.

Bon estudos!

Muito obrigada por me avisar Lorena, isso passou despercebido kkkkk

Ahhh isso é normal! hahaha, já aconteceu com todo mundo certeza :D

Abraços!