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; }

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.