Solucionado
Olá turma!
Concluí o meu footer, gostaria que vocês desse uma olhada no meu código, pois tenho uma dúvida, usei o text-decoration: none; porém ele não removeu a caracteristica dos textos.
Código HTML https://github.com/MateusMessiasGeoAgro/ProjetoALura/blob/main/index.html
Código CSS https://github.com/MateusMessiasGeoAgro/ProjetoALura/blob/main/styles.css
Alguém pode me dizer o porque disso estar ocorrendo?
Visitita o site também: https://mateusmessiasgeoagro.github.io/ProjetoALura/
Olá Mateus!
O problema ocorre porque você não está acessando o elemento <a> (o link em si) diretamente. Para corrigir, adicione a ao seu seletor CSS, que deverá ficar como lista_link a. Além disso, inclua a propriedade text-decoration (por exemplo, text-decoration: none; para remover o sublinhado). Com essas alterações, seu código deve funcionar corretamente.
.lista__link a {
display: inline-block;
font-size: 16px;
font-weight: 400;
color: var(--branco-principal);
margin: 1em 2em;
text-decoration: none; /*adiciona essa linha */
}
Espero ter ajudado! Bons estudos!
Sucesso ✨