Olá, eu percebi que minhas caixas estão muito grandes se comparadas vizualmente com o site mostrado pelo professor. Baixei o projeto e revisei os termos mas estão iguais. Width está com 30% conforme a aula mas só fica parecido com o site quando coloco 25%. Porém, quando coloco esses mesmos 25%, as caixas se alinham para o lado esquerdo.
.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; border-radius: 10px; }
Desde já agradeço a ajuda.
