Boa tarde, tudo bem?
Realizando a aula notei que um dos box dos produtos ficou menor, mas não entendi o motivo.
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas
respostas
Tamanho dos produtos ficaram diferentes
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;