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

Dúvida no Ex. 5 - Colocando mais Classes da Aula 8 - Mais seletores

Olá pessoal, tudo bem?

Surgiu a seguinte dúvida ao analisar o meu código CSS com o do Instrutor do curso:

A diferença do meu código para o código dele, é por conta de boas práticas, ou, não altera na leitura do código se eu optar uma configuração igual em várias classes?

Código do Instrutor:

.citacao-bio {
    background-color: #D9E5E3;
    border: 10px solid #C2CCCA;
    width: 250px;
    box-sizing: border-box;
    margin: 20px 40px;
}

.navegacao-site {
    text-align: center;
    background-color: #3C1D3D;
    color: #F2FFFC;
}

.rodape-pagina {
    background-color: #000;
    color: #F2FFFC;
}

.citacao-bio, .navegacao-site, .rodape-pagina {
    padding: 20px;
}

Meu código:

.citacao-bio {
    background-color: #D9E5E3;
    padding: 20px;
    border: 10px solid #C2CCCA;
    border-bottom-color: #333;
    border-right-color: #FFF;
    width: 250px;
    box-sizing: border-box;
    margin: 20px 40px;
}

.navegacao-site {
    background-color: #3C1D3D;
    color: #F2FFFC;
    text-align: center;
    padding: 20px;
    font-family: "Open Sans Condensed", sans-serif;
}

.rodape-pagina {
    background-color: #000;
    color: #F2FFFC;
    padding: 20px;
}

Desde já, muito obrigado!

2 respostas
solução!

O ideal é agrupar configurações iguais para facilitar a legibilidade do código e a manutenção posterior.

O código abaixo facilita uma manutenção futura, além de facilitar a visualização de configurações semelhantes para classes diferentes.

.citacao-bio, .navegacao-site, .rodape-pagina {
    padding: 20px;

Gabriel, muito obrigado!