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
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
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.
