1
resposta

hover parou de atuar

olá após o procecesso de responsividade o hover parou de atuar, antes estava normal, alguém pode me ajudar?

<div class="apresentacao__links">
            <h2 class="apresentacao__links__subtitulo">Acessse minhas redes:</h2>
            <a class="apresentacao__links__navegacao" href="https://github.com/joelubaldo">
             <img src="assets/github.png">
               Github
             </a>
             <a class="apresentacao__links__navegacao" href=https://www.linkedin.com/in/joel-ubaldo-52b42274/>
             <img src="assets/linkedin.png">
                 linkedin
             </a>
             <a class="apresentacao__links__navegacao" href="https://www.instagram.com/jm.ubaldo12/">
             <img src="assets/instagram.png">
                    instagram
               </a>

         </div>



.apresentacao__links__link:hover{
    background: var(--cor-hover);
    font-size: 1.9rem;
    padding: 3%;
1 resposta

Olá, Joel.

Tudo bem?

Verifiquei que no seu código CSS, a classe que está recebendo a estilização do hover é a ".apresentacao__links__link", porém no seu HTML, as tags "a" que possuem essa classe estão com a classe ".apresentacao__links__navegacao".

Sendo assim, sugiro que você altere a classe no CSS para ".apresentacao__links__navegacao:hover" e teste novamente.

Caso ainda não funcione, verifique se não há nenhum outro trecho de código que esteja sobrescrevendo essa estilização.

Espero ter ajudado e bons estudos!