Olá, Gabriel.
Tudo bem?
Para centralizar o conteúdo do link, seja o ícone com o texto, você precisa adicionar a propriedade do flex box "align-items: center;" nos estilos da tag de link <a>
, no caso do curso já tem essa classe com o display flex no CSS o nome dela é "apresentacao__links__navegacao", então só precisa adicionar a ela essa propriedade"align-items: center;" que centraliza, no código da aula vai ficar assim:
HTML:
<div class="apresentacao__links">
<h2 class="apresentacao__links__subtitulo">Acesse minhas redes</h2>
<a class="apresentacao__links__navegacao" href="https://github.com/rafaballerini">
<img src="./assets/github.png">
Github
</a>
<a class="apresentacao__links__navegacao" href="https://linkedin.com/in/rafaellaballerini">
<img src="./assets/linkedin.png">
linkedin
</a>
<a class="apresentacao__links__navegacao" href="https://twitch.tv/guilimadev">
<img src="./assets/twitch.png">
Twitch
</a>
</div>
CSS:
.apresentacao__links__navegacao{
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
border: 2px solid var(--cor-terciaria);
width: 50%;
text-align: center;
border-radius: 8px;
font-size: 1.5rem;
font-weight: 600;
padding: 21.5px 0;
text-decoration: none;
color: var(--cor-secundaria);
font-family: var(--fonte-secundaria);
}
Espero ter ajudado. Qualquer dúvida manda aqui. Valeu.