1
resposta

...

  1. Organizando ícones nas redes sociais:

<a class="apresentacao__links__linksf="https://github.com/Ele703">Github<img src="./assets/gitthub.png"
    <a class="apresentacao__links__link" href="https://github.com/seunome">Clique aqui</a>
    <img id="img github"src./assets/github.png">
                Github
  1. Centralizando ícones e textos nos botões:
.apresentacao__links__link {
    /* background-color: #000000; */
    display: flex;
    justify-content: center;
    border: 2px solid #22D4FD;
    ... /* outras propriedades */
}
  1. Espaçamento entre ícones e texto:
.apresentacao__links{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
}/* /* 446x532*/
   ... /* outras propriedades */

4)Personalizando o efeito Hover:

.apresentacao__links__link:hover {
    border: 2px solid #0000FF;
    }
  1. Alterando o cursor e o fundo dos botões:
 .apresentacao__links__link:hover {
    cursor: pointer;
    background-color: #272727;
1 resposta

Olá Eleazar! Tudo bem?

Você fez um ótimo trabalho nessa lista de exercícios! Minha única dica é para a parte de "organizando ícones das rees sociais": certifique-se de que as tags <a> e <img> estão corretamente fechadas e aninhadas. Veja abaixo o exemplo de como você pode organizar os ícones:

<a class="apresentacao__links__link" href="https://github.com/Ele703">
    <img src="./assets/github.png" alt="GitHub">
    Github
</a>
<a class="apresentacao__links__link" href="https://linkedin.com/in/seunome">
    <img src="./assets/linkedin.png" alt="LinkedIn">
    LinkedIn
</a>
<a class="apresentacao__links__link" href="https://twitch.tv/seunome">
    <img src="./assets/twitch.png" alt="Twitch">
    Twitch
</a>

Parabéns pela realização dessa lista de exercícios! Conte com o apoio do fórum :)

Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓