Respostas da lista de exercícios

Exercício um) Organizando ícones nas redes sociais

Conteúdo HTML

main class="apresentacao">
    <section class="apresentacao__conteudo">
        <div class="apresentacao__links">
            <h2 class="apresentacao__links__subtitulo">Acesse minhas redes:</h2>
            <a class="apresentacao__links__link" href="https://github.com/seunome">
                <img src="./assets/github.png">
                Github
            </a>
            <a  class="apresentacao__links__link" href="https://linkedin.com/in/rafaellaballerini">
                    <img src="./assets/linkedin.png">
                    LinkedIn
             </a>
             <a  class="apresentacao__links__link" href="https://twitch.tv/guilimadev">
                    <img src="./assets/twitch.png">
                    Twitch
             </a>
            </div>
        </section>
        <img class="apresentacao__links__link__imagem" src="./assets/imagem.png" alt="Foto da Joana Santos programando">
    </main>
    <footer></footer>
</body>
</html>

Exercício dois) Centralizando ícones e textos nos botões

Conteúdo CSS:

.apresentacao__links__link {
    display: flex;
    justify-content: center;
    gap: 16px;
{

Exercício três) Espaçamento entre ícones e textos

Conteúdo CSS:

.apresentacao__links__link {
    display: flex;
    justify-content: center;
    gap: 16px;
{

Exercício quatro) Personalizando o efeito Hover

Conteúdo CSS:

.apresentacao__links__link:hover {
    border: 2px solid #0000FF;
}

Exercício cinco) Alterando o cursor e o fundo dos botões

Conteúdo CSS:

.apresentacao__links__link:hover {
    background-color: #272727;
    cursor: pointer;
}