ATÉ 50% OFF
TÁ ACABANDO!
0 dias
0 horas
0 min
0 seg
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?
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.