Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Projeto] #Desafios Html e Css

1 Adicionando um subtítulo à página

<div class="apresentacao__redes">
    <h2> Acessando minhas redes</h2>
                <a class="apresentacao__links__link" href="https://instagram.com/andersonahomanni">Instagram</a>
                <a class="apresentacao__links__link" href="https://github.com/andfree10">GitHub</a>
</div>

2 Alterando a disposição dos elementos com Flexbox

.apresentacao__redes{
    display: flex;
    flex-direction: column;
}

3 Ajustando o alinhamento e o espaçamento dos elementos

.apresentacao__redes{
display: flex;
flex-direction: column;
align-items: center;
gap: 32px;

4 Criando uma classe para o subtítulo

<div class="apresentacao__redes">
                <h2 class="apresentacao__redes__redessociais">Acessando minhas redes</h2>

5 Estilizando o subtítulo

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

6 Modificando o estilo dos botões

.apresentacao__redes__redessociais{
    /* background-color: #22D4FD; */
    border: 2px solid #22D4FD;
    width: 378px;
    text-align: center;
    border-radius: 8px;
    color: #F6F6F6;
}
2 respostas

Olá Anderson! Tudo bem?

Parabéns por compartilhar a resolução dos exercícios! Gostei muito de ver como você organizou o passo a passo, desde a criação do subtítulo até a estilização final com Flexbox e as classes CSS.

Essa prática de dividir o problema em partes menores é excelente para o aprendizado. Continue assim!

Espero ter ajudado! Bons estudos!

Sucesso

Imagem da comunidade
solução!

Obrigado pelo feedback.