Lista de exercícios 08

1. Adicionando um subtítulo à página

<div class="apresentacao__links">
    <h2>Acesse minhas redes:</h2>
    ...
 </div>

1. Alterando a disposição dos elementos com Flexbox

.apresentacao__conteudo{
    width: 615px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

1. Ajustando o alinhamento e o espaçamento dos elementos

.apresentacao__links{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

1. Criando uma classe para o subtítulo

<div class="apresentacao__links">
    <h2 class="apresentacao__links__subtitulo">Acesse minhas redes:</h2>
    ...
 </div>

1. Estilizando o subtítulo

.apresentacao__links__subtitulo{
    font-family: 'krona One', sans-serif;
    font-weight: 400;
    font-size: 24px;
}

1. Modificando o estilo dos botões

.apresentacao__links__link{
    width: 378px;
    border: 2px solid #22D4FD;
    border-radius: 8px;
...
}