[Projeto] Desafio 1 - Layout do Projeto - Proposta de Resolução

Segue resolução proposta:

Desafio 1

CSS:

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

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

}

.botoes{
    /* background-color: #22D4FD; */
    border:2px dashed #22D4FD; 
    width: 500px;
    text-align: center;
    border-radius: 20px;
    font-size: 32px;
    font-weight: 600;
    padding: 21.5px 0;
    text-decoration: none;
    color: #F6F6F6;
    font-family: 'Montserrat', sans-serif;
}

HTML:

<div class="links">
                <h2 class="subtitulo">Acesse Minhas Redes</h2>
                <a class="botoes" href="https://instagram.com/rafaballerini">Instagram</a>
                <a class="botoes" href="https://github.com/guilhermeonrails">GitHub</a>
            </div>

Desafio 2:

CSS:

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

Desafio 3:

CSS: atribuí o nome “links” para a classe.

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

Desafio 4:

HTML: atribuí o nome “subtítulo” à classe.

<div class="links">
                <h2 class="subtitulo">Acesse Minhas Redes</h2>
                <a class="botoes" href="https://instagram.com/rafaballerini">Instagram</a>
                <a class="botoes" href="https://github.com/guilhermeonrails">GitHub</a>
            </div>

Desafio 5:

CSS: atribuí o nome “subtítulo” para a classe.

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

Desafio 6:

CSS: atribuí o nome “botões” para a classe.

.botoes{
    /* background-color: #22D4FD; */
    border:2px dashed #22D4FD; 
    width: 500px;
    text-align: center;
    border-radius: 20px;
    font-size: 32px;
    font-weight: 600;
    padding: 21.5px 0;
    text-decoration: none;
    color: #F6F6F6;
    font-family: 'Montserrat', sans-serif;
}

Muito obrigado.