1
resposta

mão na massa

  1. Adicionando titulo a página:
 <div class="apresentacao__links">
                <h2 class="links__subtitulo">Acesse minhas redes:</h2>
                <a class="links__link" href="https://www.instagram.com/primitiva_atelier/"> Instagram</a>
                <a class="links__link"  href="https://github.com/refombeli">Github</a>
            </div>
  1. Alterando a Disposição dos Elementos:
.apresentacao__links {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
  1. Ajustando alinhamento e espaço:
.apresentacao__links {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
}
  1. Criando uma classe para o subtítulo:
<h2 class="links__subtitulo">Acesse minhas redes:</h2>
  1. Estilizando o subtítulo:
.links__subtitulo {
    font-family: "Krona One", sans-serif;
    font-weight: 400;
    font-size: 24px;
}
  1. Modificando o estilo dos botões:
.links__link {
    border: 2px solid #22D4FD;
    width: 378px;
    text-align: center;
    border-radius: 8px;
    font-size: 24px;
    font-weight: 600;
    padding: 21.5px 0;
    text-decoration: none;
    color: #F6F6F6;
    font-family: "Montserrat", sans-serif;

}
1 resposta

Oi, Renata!

Obrigado por compartilhar suas reflexões e aprendizados com a comunidade Alura.

Gostei de como você está aplicando o layout com flexbox e a estilização dos elementos. A estrutura do código está bem organizada e o uso de variáveis CSS poderia ser uma boa adição para facilitar futuras alterações de estilo. A maneira como você está trabalhando o alinhamento e o espaçamento entre os elementos também ficou bem clara!

Bons estudos!

Sucesso