Solucionado
Eu até pensei que era meu navegador, chrome, ai abri em outro, mas continua o mesmo erro a seguir:
E até comparei o código com o foi feito pelo professor e não vi erro nenhum, o meu código no item de .produtos li:
.produtos li{
display: inline-block;
text-align: center;
width: 30%;
vertical-align: top;
margin: 0 1.5%;
padding: 30px 20px;
box-sizing: border-box;
border: 2px solid #000000;
}hoje, com a Alura e o Google Gemini
Olá Catharina, tudo jóia?
Como o conteúdo das caixas não são os mesmo, acabou que a última caixa ficou menor que as demais, tente usar o display: flex; align-item: stretch na classe "produtos", assim as caixas ficarão uma do lado da outra e da mesma altura.
Espero ter ajudado. Qualquer coisa é só chamar =)
Obrigada, resolveu o meu problema