Oi Gabriel, tudo bem?
Segundo o seu código CSS, o background: #f2f2f2;
só será aplicado nos elementos que tiverem a classe "principal".
Se você quer aplicar um fundo na página inteira, pode fazer isso através do seletor body
, que é todo o corpo da página:
body {
background: #f2f2f2;
}
E não se esqueça de tirar as propriedades background
das classes onde colocou, para que não haja nenhuma confusão entre as cores do fundo! Dessa forma, a sua classe .principal deve ficar assim:
.principal{
padding: 3em 0;
width: 940px;
margin: 0 auto;
}
Espero ter ajudado, qualquer outra dúvida estou à disposição! Abraços e bons estudos!