- Organizando ícones nas redes sociais
<div class="apresentacao__links">
<h2 class="apresentacao__links__subtitulo">Acesse minhas redes:</h2>
<a class="apresentacao__links__link" href="https://Github.com/miyabarros">
<img src="./assets/github.png">
Github
</a>
<a class="apresentacao__links__link" href="https://instagram.com/miyabarros">
<img src="./assets/instagram.png">
Instagram
</a>
</div>
- Centralizando ícones e textos nos botões
.apresentacao__links__link {
/* background-color: #B70CF0; */
display: flex;
justify-content: center;
gap: 16px;
border: 2px solid #B70CF0;
- Espaçamento entre ícones e textos
.apresentacao__links__link {
display: flex;
justify-content: center;
gap: 16px;
border: 2px solid #B70CF0;
- Personalizando o efeito Hover
.apresentacao__links__link:hover {
background-color: #272727;
}