Por que não está sendo aplicando o padding do container na seção destaques?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Por que não está sendo aplicando o padding do container na seção destaques?
Olá Pablo,
Pela ordem de prioridade, a propriedade padding da classe .destaques está substituindo a da classe .container, pois o destaques.css carrega depois de base.css.
Veja como funciona a ordem de prioridade:
https://developer.mozilla.org/pt-BR/docs/Web/CSS/Specificity#estrutura_aproximada
Tive que colocar !important nas propriedades para que elas fossem aplicadas, não sei se é a melhor resolução, mas resolveu.
Normalmente o !important é utilizado somente em último caso, é sempre bom evitar no momento do desenvolvimento.
Separei um artigo que explica isso com mais detalhes: https://medium.com/horadecodar/porque-n%C3%A3o-usar-important-no-css-fe588dafde04
Não sabia, pra mim era algo inofensivo haha, agradeço a informação.