[Projeto] Footer finalizado

Tive muitaa dificuldade nessa parte, tive que testar várias vezes e errar muito até conseguir. A parte mais difícil foi centralizar os itens, tirar o sublinhado dos links e também colocar a cor branca neles. Muito bom ter a ferramenta Ctrl + shift + c para auxiliar nesses testes até chegar no resultado.

footer alura plus

e esse é o CSS:

.rodape { text-align: center; margin: 5em 3em; }

.rodape__lista { display: flex; justify-content: center; list-style-type: none; margin-top: 1em; }

.lista__link { text-decoration: none; color: var(--branco-principal); margin: 1em; }

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

.rodape__texto { margin: 1em 0; color: var(--cinza-secundario); font-size: 14px; }

o .lista__link a consegui consultar na internet para poder estilizar melhor o link.

Olá Nathalia, tudo bem?

Parabéns por ter finalizado seu footer! Realmente, centralizar os itens e estilizar os links pode ser um pouco complicado no começo, mas com a prática e testes, você conseguiu chegar no resultado desejado.

Fico feliz que tenha mencionado a ferramenta Ctrl + shift + c, ela é muito útil para auxiliar nos testes e na identificação dos elementos que precisam ser estilizados.

Seu código CSS está bem organizado e fácil de entender.O display flex e justify-content center ajudam bastante na hora de centralizar os itens.

Continue praticando e explorando as possibilidades do HTML e CSS, tenho certeza que você irá evoluir cada vez mais!

Espero ter ajudado e bons estudos!