Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Problemas com o tamanho da imagem produtos

Oi, pessoal!

A minha dúvida é a seguinte, na aula 4 quando estava criando a listas de produtos segui corretamente o que o professor estava passando e percebi que a ultima imagem ficou com o tamanho diferente das outras duas ... E todas elas estão seguindo as mesmas propriedades no CSS ... Segue:

.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; }

produtos.css

1 resposta
solução!

Perceba que os dois primeiros quadros, a descrição que vem antes do valor, estão com duas linhas, mas o último quadro está com apenas 1 linha, e é por isso que o tamanho deste fica diferente. Inclua mais uma ou duas palavras que vai dar certo.