Solucionado
.rodape {
align-items: center;
text-align: center;
margin: 12em 2em 4em;
}
.rodape_lista {
display: flex;
justify-content: center;
gap: 20px;
list-style-type: none;
font-size: 20px;
}
.lista_link a {
text-decoration: none;
color: var(--branco-pricipal);
}
.rodape_texto {
margin: 2em 10% 0;
color: var(--cinza-secundario);
}
.rodape_logo {
margin-bottom: 2em;
}
Olá, Matheus! Como vai?
Muito bem! Continue resolvendo os desafios e compartilhando com a comunidade Alura.
Observei que você explorou o uso do flexbox para centralizar os itens na lista do rodapé, utilizou muito bem o text-align e margin para garantir o alinhamento e espaçamento adequado dos elementos e ainda compreendeu a importância do uso de variáveis CSS para manter a consistência nas cores.
Uma dica interessante para o futuro é usar media queries para tornar seu rodapé responsivo em diferentes tamanhos de tela. Dessa forma:
@media screen and (max-width: 600px) {
.rodape_lista {
flex-direction: column;
align-items: center;
}
}
Resultado: Em telas menores que 600px, os itens do rodapé serão empilhados verticalmente e centralizados.
Isso faz com que a experiência do usuário melhore em dispositivos móveis, mantendo o layout organizado e legível.
Para saber mais:
Sugestão de conteúdo para você mergulhar ainda mais sobre o tema:
Alguns materiais estão em inglês, mas é possível compreendê-los usando o recurso de tradução de páginas do próprio navegador.
Fico à disposição! E se precisar, conte sempre com o apoio do fórum.
Abraço e bons estudos!
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!
Boa,muito obrigado!