Exercício um) Adicionando um subtítulo à página
Conteúdo HTML:
<div class="apresentacao__links">
<h2>Acesse minhas redes:</h2>
Exercício dois) Alterando a disposição dos elementos com Flexbox
Conteúdo CSS:
.apresentacao__links {
display: flex;
flex-direction: column;
justify-content: space-between;
}
Exercício três) Ajustando o alinhamento e o espaçamento dos elementos
Conteúdo CSS:
.apresentacao__links {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
gap: 32px;
}
Exercício quatro) Criando uma classe para o subtítulo
Conteúdo HTML:
<h2 class="apresentacao__links__subtitulo">Acesse minhas redes:</h2>
Exercício cinco) Estilizando o subtítulo
Conteúdo CSS:
.apresentacao__links__subtitulo {
font-family: "Krona One", sans-serif;
font-weight: 400px;
font-size: 24px;
}
Exercício seis) Modificando o estilo dos botões
Conteúdo CSS:
.apresentacao__links__link {
color: #f6f6f6;
border: 2px solid #22D4FD;
width: 378px;
border-radius: 8px;
text-align: center;
font-size: 24px;
font-weight: 600;
padding: 21.5px 0;
text-decoration: none;
font-family: "Montserrat", sans-serif;
}