A solução para a galera que está com problema para colocar o padding no footer.
Provavelmente seu Head está dessa maneira:
<head>
<meta charset="UTF-8">
<title>Produtos - Barbearia Alura</title>
<link rel="stylesheet" href="produtos.css">
<link rel="stylesheet" href="reset.css">
</head>
Como o html interpreta o código na sequencia, colocando o reset.css por ultimo você remove os estilos que você atribuiu com o produto.css, logo o padding não funciona por esse motivo.
Para resolver só basta colocar o reset.css primeiro:
<head>
<meta charset="UTF-8">
<title>Produtos - Barbearia Alura</title>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="produtos.css">
</head>
Dessa maneira o html remove todos os estilos com reset.css e atribui por ultimo os estilos do produto.css
Vi que já tem alguns tópicos sobre, mas nenhum foi solucionado, só estou querendo ajudar.