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

Meus ícones ficaram gigantes. Alguém consegue me ajudar?

</header>

<main class="apresentacao">
    <section class="apresentacao__conteudo">
        <h1 class="apresentacao__conteudo__titulo">Eleve seu negócio digital a outro nível <strong class="titulo-destaque">com um Front-End de qualidade!</strong></h1>
        <p class="apresentacao__conteudo__titulo__paragrafo">Olá! Sou Pâmella Ranne, desenvolvedora Front-end com especialidade em React, HTML e CSS. Ajudo você a colocar em prática boas ideias. Vamos conversar? </p>
        <div class="apresentacao__links">
            <h2 class="apresentacao__links__subtitulo">Acesse minhas redes:</h2>
            <a class="apresentacao__links__link" href="https://www.instagram.com/pamellaranne"><img src="./assets/instagram.png" alt="">Instagram</a>
            <a class="apresentacao__links__link" href="https://www.linkedin.com/in/pâmella-ranne-97679621b/"><img src="./assets/linkedin.png" alt="">Linkedin</a>
            <a class="apresentacao__links__link" href="https://www.github.com"><img src="./assets/github.png" alt="">GitHub</a>
        </div>
    </section>
    <img src="./assets/Eu portifólio.jpeg" alt="Foto Pâmella">
</main>

<footer>
    <p class="rodape">Desenvolvido por Pâmella Ranne</p>
</footer>
2 respostas
solução!

Oi Pamella, tudo bem?

Para corrigir isso, você pode usar CSS para definir o tamanho dos ícones de acordo com suas preferências.

Você pode adicionar uma classe aos elementos de ícone e, em seguida, definir o tamanho usando a propriedade "width" e "height" no seu arquivo CSS. Por exemplo, se você quiser que os ícones tenham um tamanho de 30 pixels, você pode adicionar a seguinte regra CSS:

.apresentacao__links__link img {
  width: 30px;
  height: 30px;
}

Lembre de substituir "apresentacao__links__link" pela classe correta que você está usando para os elementos de ícone em seu HTML.

Além disso, verifique se os caminhos para as imagens dos ícones estão corretos. Certifique-se de que os arquivos de imagem estejam na pasta correta e que os caminhos estejam corretamente especificados em seu código HTML.

Caso não dê certo, por favor, compartilhe o seu código CSS completo também.

Um abraço e bons estudos.

Muito brigada!

Deu certo.