Footer ocupando todo espaço quando deveria seguir o tamanho do body

Boa noite. Estou seguindo um tutorial para criação de um site, mas parado há horas tentando entender como resolver uma situação com o rodapé. Vou tentar explicar: O rodapé <Footer> está ocupando 100% do espaço sendo que é pra ele ficar do tamanho do restante do site. No tutorial está explicando da seguinte forma:

Container interno
Repare que o rodapé, diferentemente de todos os elementos do layout, ocupa 100% da largura da página. Ele não é restrito ao tamanho de 940px do miolo do nosso site. Isso porque o rodapé tem um background que se repete até os cantos.

Mas repare que o conteúdo dele é limitado aos 940px e centralizado junto com o resto da página -onde estávamos usando a class container . O que precisamos fazer então é ter o <footer> com 100% e uma tag interna para o conteúdo do rodapé em si, com a classe container :

<footer> 
    <div class="container"> ....
    </div> 
</footer>

Não consegui compreender o que relamente ele quis dizer com esse “ter o <footer> com 100% e uma tag interna para o conteúdo do rodapé em si, com a classe container”.

Link do repositório no GitHub