Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] Cores diferentes para cada botão

Olá!! No meu projeto portfolio cada botão possui cores diferentes, inseri 2 classes para cada botão no HTML para estilizar essas cores. No CSS atribui as propriedade iguais para ambas alterando a cor da fonte. Minha dúvida é, se, essa prática está correta?

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

.apresentacao__conteudo__links__btinstagram {
background-color: #F29188;
width: 280px;
text-align: center;
border-radius: 16px;
font-size: 22px;
padding: 24.5px 0;
text-decoration: none;
color: #260101; 
font-family: 'Open Sans', sans-serif;
font-weight: 600; 

}

.apresentacao__conteudo__links__btgithub { background-color: #F2B5A7; width: 280px; text-align: center; border-radius: 16px; font-size: 22px; padding: 24.5px 0; text-decoration: none; color: #260101; font-family: 'Open Sans', sans-serif; font-weight: 600; }

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
1 resposta
solução!

Olá, Suellen.

Tudo bem?

Como está repetindo códigos pode não ser uma boa prática. Para evitar essa repetição de código, você pode atribuir as propriedades que se repetem para as duas classes, e colocar separado as cores que é a única propriedade diferente, veja:

.apresentacao__conteudo__links__btinstagram, .apresentacao__conteudo__links__btgithub {
    background-color: #F29188;
    width: 280px;
    text-align: center;
    border-radius: 16px;
    font-size: 22px;
    padding: 24.5px 0;
    text-decoration: none;
    color: #260101; 
    font-family: 'Open Sans', sans-serif;
    font-weight: 600; 
}
.apresentacao__conteudo__links__btinstagram {
    background-color: #F29188;
}
.apresentacao__conteudo__links__btgithub {
    background-color: #F2B5A7;
}

Espero ter ajudado. Qualquer dúvida manda aqui. Valeu.