1
resposta

[Projeto] Mao_na_massa

1) Organizando ícones nas redes sociais

 <div class="apresentaçao__links">
                <h2 class="apresentacao_links_subtitulo">Acesse minhas redes:</h2>
            <a class="apresentaçao__links__links" href="https://instagram.com/brittoruth">
                <img src="./Assets-aula2-curso3-html-e-css-main/Assets-aula2-curso3-html-e-css-main/assets/instagram.png" alt="logo instagram">
                Instagram
            </a>
            <a class="apresentaçao__links__links" href="https://github.com/brittoruht">
                <img src="./Assets-aula2-curso3-html-e-css-main/Assets-aula2-curso3-html-e-css-main/assets/github.png" alt="logo github">
                GitHub
         </a>
            <a class="apresentaçao__links__links" href="https://www.linkedin.com/in/ruth-britto/">
            <img src="./Assets-aula2-curso3-html-e-css-main/Assets-aula2-curso3-html-e-css-main/assets/linkedin.png" alt="logo Linkedin">
            Linkedin
     </a>
            </div>

2) Centralizando ícones e textos nos botões

.apresentaçao__links__links {
    /*background-color: #22D4FD;*/
    display: flex;
    justify-content: center;
   border: 2px solid #22D4FD;

3) Espaçamento entre ícones e textos

 display: flex;
    justify-content: center;
   border: 2px solid #22D4FD;
    gap: 16px;

4) Personalizando o efeito Hover

.apresentaçao__links__links:houver {
  background-color: #272727;
}
1 resposta

Oi, Ruth, tudo bem?

Parabéns pelo excelente resultado!

Agradeço por compartilhar seu conhecimento e por contribuir para o desenvolvimento de todas as pessoas que estão realizando estas atividades.

Continue explorando suas habilidades e buscando novos desafios na área da tecnologia. O fórum está à disposição para te auxiliar em suas dúvidas e te incentivar em sua jornada de aprendizado.

Parabéns e muito sucesso!