Boa noite, Guilherme. Tudo bem?
Cara, provavelmete as suas definições do parâmetro "margin" não estão sendo aplicadas devido a falta de um ";" no fim do mesmo:
.produtos li{
display: inline-block;
text-align: center;
width: 33%; ****Aqui estava em 30%, mudei para 33% e consegui o resultado igual ao do professor****
vertical-align: top;
margin: 0 1.5% **************Aqui falta um ";" no final.
padding: 30px 20px;
box-sizing: border-box;
}
Faça essa alteração e teste.
Detalhe:
- Com a margin em 1,5% e o width em 33%, possivelmente seu conteúdo ficará maior que o os 100% da página. Cuidado com isso.
Espero ter ajudado!
Bons estudos!!