css desalinhado

Fala ai Geovane, tudo bem? Tente compartilhar o projeto completo ou os códigos completos.

Pode compartilhar o projeto através do Github ou Google Drive (zipado) como fez.

Se preferir compartilhar via código, a gente precisa do código completo dos arquivos index.html e produtos.css.

Assim conseguimos simular o problema em nossas máquinas e analisá-lo com mais calma.

Fico no aguardo.

https://drive.google.com/file/d/13gG4PisnheLaN9p8pcIkq7qCZ26NNS1Q/view?usp=sharing

foi o que eu consegui!

Fala ai Geovane, tudo bem? Seu problema é que a altura das caixas podem ser diferentes, dessa maneira, elas não vão ficar alinhadas.

Isso pode ser resolvido de N maneiras, nesse momento, aconselho você adicionar um display: flex no .produtos, ficando:

.produtos {
    width: 940px;
    margin: 0 auto;
    padding: 50px 0;
    display: flex;
}

Isso deve resolver o problema.

Para mais informações sobre Flexbox e como podemos alinhar os elementos, temos um curso muito bom sobre o assunto:

https://cursos.alura.com.br/course/posicione-elementos-com-flexbox

Espero ter ajudado.