Solucionado
A tag main do arquivo style.css se refere as duas paginas html (produtos e contato), teria como diferenciar uma da outra ? Porque, deixando assim em um único arquivo css, não tem possibilidade de ao fazer uma alteração em uma pagina como a de contato e afetar a outra de produto indevidamente, como alteração de marging, padding, etc?
Olá Vander
Você poderia adicionar uma classe no <main> de cada arquivo, por exemplo: <main class="produtos"> no produtos.html e <main class="contato"> no contato.html.
Feito isso você pode chamar no style.css assim:
main {
width: 940px;
margin: 0 auto;
}
main.produtos {
}
main.contato {
}Olá Marcos! Obrigado pelo esclarecimento, era exatamente minha dúvida!