Solucionado
Em alguns tamanhos de tela, determinadas receitas ficam com o alinhamento vertical diferente das outra, devido a quantidade de linhas em cada receita, ficando um espaço a mais embaixo do botão. Teria como resolver esse problema sem utilizar display flex?
hoje, com a Alura e o Google Gemini
Oi Matheus, tudo bem?
Realmente, quando temos receitas com diferentes quantidades de linhas, pode ser um desafio manter o alinhamento vertical consistente em todas elas.
Uma solução para isso seria utilizar a propriedade "vertical-align" em conjunto com a propriedade "display: inline-block" nos elementos que compõem cada receita. Dessa forma, você conseguirá alinhar as receitas verticalmente sem precisar utilizar o "display: flex".
Segue um exemplo de como aplicar essas propriedades:
.receita {
display: inline-block;
vertical-align: top; /* ou middle, dependendo do seu layout */
}Espero que essa solução ajude a resolver o seu problema.
Um abraço e bons estudos.