Entrar Ainda não tem acesso?
1
resposta

Lista de exercícios 5

Referente ao curso HTML e CSS: cabeçalho, footer e variáveis CSS, no capítulo Preparando o layout do projeto e atividade Lista de exercícios

por Viviane De Lima Noronha
| 33.3k xp | 71 posts
<div class="apresentacao__links"> 
<h2 class="apresentacao__links__subtitulo">Acesse minhas redes:</h2> 
</div>
.apresentacao__links{ 
display: flex; 
flex-direction: column; 
.apresentacao__links{ 


align-items: center; 
gap: 32px; 
} 

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

.apresentacao__links__subtitulo { 

font-family: "Krona One", sans-serif; 

font-weight: 400; 

font-size: 24px; 

}
.apresentacao__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; /*Cor do texto alterada pra branco*/ 

font-family: 'Montserrat', sans-serif;
1 resposta
por Victor Costa Santos
| 2131.7k xp | 4212 posts
Alura Scuba Team Monitor do suporte educacional

Oi, Viviane!

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

Seu código está muito bacana, mas deixo uma observação que no seu código, percebi que há um problema na estrutura do CSS. Dentro da classe .apresentacao__links, há uma repetição indevida: um bloco .apresentacao__links dentro de outro. Isso pode causar erros na interpretação do CSS e afetar o layout.

Tente organizar assim para corrigir:

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

Isso garante que as propriedades align-items e gap sejam aplicadas corretamente.

Espero ter ajudado! Bons estudos!

Sucesso ✨