Solucionado
Pessoal, adaptei meu código para o uso por mobile para a tela do index seguindo mais ou menos o que foi feito no curso. No entanto para as outras páginas de produtos e contatos, meu header e footer, que estão vinculados ao mesmo CSS e temexatamente o mesmo código da página do index, estão desconfigurados. Conseguem me ajudar?
Olá Gabriela,
Os arquivos contato.html e produtos.html possuem a viewport definida?
<meta name="viewport" content="width=device-width">
Pode ser também alguma tag que não foi fechada corretamente.