Pequeno erro no código do projeto.

Boa noite pessoal.

Notei um pequeno erro no código CSS do projeto da parte 4 do curso de HMTL5 e CSS3, mais especificamente na aula 3 do módulo 3, "Aplicando Gradientes". A classe "principal" esta com largura fixa de 940px, o que faz com que a cor aplicada pelo instrutor no background não esteja ocupando 100% da página. É bem sútil essa diferença de cor, mas dá pra notar se olhar com atenção. Ele deixa assim para que o conteúdo fique com a formatação correta. O código está assim:

.principal{
    padding: 3em 0;
    background: #FEFEFE;
    width:  940px;
    margin: 0 auto;
}

A solução que utilizei foi colocar a tag "main" com a cor utilizada pelo instrutor, ficando assim:

main {
    background: #FEFEFE;
}

.principal{
    padding: 3em 0;
    width:  940px;
    margin: 0 auto;
}

Com isso o efeito gradiente fica completo do cabeçalho até o rodapé.