Olá pessoal! Tudo bem? Estou com um problema referente ao último produto, ele mostra como se fosse menor do que os outros dois primeiros.
Obs. O que pude reparar é que ele ficou menor devido a descrição ter ficado sem 'quebra de linha', mas não sei como resolver sem fazer uma barbaridade de 'gambiarra'.
Alguém mais teve esse problema? E se sim, como resolveu?
hoje, com a Alura e o Google Gemini
Olá Alan.
Acho que aplicando o display: flex; e align-items: stretch; no elemento pai dos produtos deve resolver.
Veja exemplos no site: https://darekkay.com/flexbox-cheatsheet/
Abraço.
Muito obrigado Renato, irei testar agora. Mas estranho, ne? No do professor funcionar normal e aqui dar isso.
Talvez ele aplicou algum css nessa lista. Se não conseguir posta seu código html e css pra gente analisar.
Abraço.
Deu certo, porem o valor ainda ficou desalinhado devido a falta da quebra de linha da descricao.
Alan você pode definir uma altura para esse elemento de texto, assim todos valores ficarão alinhados independente se for uma ou duas linhas.
Abraço.