Oi, pessoal, tudo certo? Ao adicionar o padding nos itens de lista, por não quebrar a linha, o tamanho dos elementos de listas ficou diferente. Como ajustar? Segue prints!
print da imagem da página + código via ferramenta do desenvolvedor
Oi, pessoal, tudo certo? Ao adicionar o padding nos itens de lista, por não quebrar a linha, o tamanho dos elementos de listas ficou diferente. Como ajustar? Segue prints!
print da imagem da página + código via ferramenta do desenvolvedor
Olá, Natália.
Tudo bem?
Então, isso acontece porque os itens da lista (cards) não tem uma altura fixa no height: ;, então quanto mais conteúdo dentro dos cards no caso texto, mais eles vão aumentar a altura, repara que os dois primeiros itens que estão maior tem mais texto na descrição do que o terceiro que está menor.
Você pode resolver dando um tamanho fixo para a altura deles no caso o height: ; da <li> que representa eles, ou colocar o mesmo tanto de texto na descrição, ou adicionar uma quebra de linha com a tag <br></br>no que está menor por que ai ele preenche com um espaço invisível.
Espero ter ajudado.
Qualquer dúvida manda aqui :)
Valeu Natália.
