[bug] rodapé

Olá Anatalia, tudo bem?

Uma possível solução para esse problema é utilizar a propriedade CSS "position" para definir o posicionamento do rodapé.

Por exemplo, você pode adicionar a seguinte regra CSS para o rodapé do seu card:

.footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

Essa regra posiciona o rodapé no canto inferior esquerdo do card, e garante que ele fique sempre na parte inferior, independentemente do tamanho do conteúdo do card.

Verifique também como está a ordem de renderização dos seus componentes, pois o Footer pode está sendo renderizado primeiro do que os demais conteúdos.

Contudo para que eu lhe forneça uma resposta mais assertiva, peço se possível o compartilhamento dos arquivos seja via GitHub ou Upados no google drive.

Espero que essa dica ajude a resolver o seu problema, mas caso o erro persista fico no aguardo e a disposição para lhe auxiliar.

Reforço que em caso de qualquer dúvida, me coloco à disposição! Bons estudos!

Sucesso

Um grande abraço e até mais!

obrigada, resolvido o problema!