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

Após inserção de imagens no projetos, as mesmas ficaram grandes e desproporcionais.

Boa noite! Baixei as imagens dos ícones do GitHub, LinKedin e do Twitch e inseri no projeto, mas elas ficaram muito grandes e fora dos botões para acesso das respectivas páginas da web. Segue parte do código:

<div class="apresentacao__links">
                    <h2 class="apresentacao__links__subtitulos">Acesse Minhas Redes:</h2>
                    <a class="apresentacao__links__links" href="https://github.com/">GitHub
                        <img src="./assets/gitthub.png" alt="Imagem Logo GitHub">
                    </a>
                    <a class="apresentacao__links__links" href="https://linkedin.com/">LinKedin
                        <img src="./assets/linkedin.png" alt="Imagem Logo LinKedin">
                    </a>
                    <a class="apresentacao__links__links" href="https://twitch.tv/">twitch
                        <img src="./assets/twitch.png" alt="Imagem Logo Twitch">
                    </a>
                </div>

Ficou assim no projeto: Insira aqui a descrição dessa imagem para ajudar na acessibilidadeComo diminuo o tamanho dos ícones?

Att., Diego.

3 respostas

Olá, amigo, tudo bom?

Gostaria que pudesse experimentar fazer o seguinte:

.apresentacao__links .apresentacao__links__links img {
    width: [Valor]px;
}

Onde você substituirá o [Valor] pelo valor real até ficar de acordo com o que deseja.

Se funcionar, fico feliz em te ajudar, caso contrário, não deixe de me atualizar!

Olá Felipe! Tudo bem? E com você? Espero que sim.

No caso irei escrever essa sugestão de código no CSS ou no HTML?

solução!

Escreverá no CSS.