Boa noite. Segue o código do produto.css
.produtos { width: 940px; margin: 0 auto; padding: 50px 0; }
.produtos li { display: inline-block; text-align: center; width: 30%; vertical-align: top; margin: 0 1.5%; padding: 30px 20px; box-sizing: border-box; }
.produtos h2 { font-size: 30px; font-weight: bold; }
.produto-descricao { font-size: 18px; }
.produto-preco { font-size: 22px; font-weight: bold; margin-top: 10px; }
Copiei o código exato da aula e o alinhamento não fica igual. O 3o produto vai para a linha de baixo. Isso só ocorre no Chrome. Rodei o html no Firefox e ficou igual a aula. Alguém pode me explicar o que está ocorrendo?
