Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Tamanho dos produtos ficaram diferentes

Boa tarde, tudo bem?

Realizando a aula notei que um dos box dos produtos ficou menor, mas não entendi o motivo.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

2 respostas
solução!

Boa noite Victor, tudo bem?

O terceiro 'box' ficou menor por que o texto dele é menor. Perceba que nos outros dois, o texto é um pouco maior, fazendo com que o conteudo tenha que dividir em duas linhas e ficando maior.

Pra resolver isso, é só definir uma altura fixa pra '.produto-descrição' .

.produto-descricao {
    height: 2em;
}

Com o código acima, o

terá altura de 2 linhas.

Espero ter ajudado, bons estudos!

E resolvi diminuindo o tamanho da fonte.

.produto-descricao { font-size: 17px;