Collection List Item Exceeding Height of Parent at 100%

Hi, I’m trying to get the cards in this collection list I have here to all be the same height as well as make sure the buttons on each is aligned to the bottom of each card. I’m having trouble getting the .card_bottom-wrapper div to stretch and take up the full space of its parent and when I set the div’s height to 100% the div expands to well beyond its parent container. I can’t figure out a) why flexbox isn’t taking up the full container height and b) why the div is expanding so far out of it’s parent container when I set it’s height to 100%. Here’s a loom of what I’m running into: https://www.loom.com/share/557bd2d7bb17430cb14cce956c7eb661?sid=eddd4472-d03e-45bd-93ef-596ef7b84f52

Appreciate any help here.


Here is my public share link: [LINK][1]

Hi Sam👋 Nice and clean structure and naming💪
Here is how to fix your issue with cards:

Step #1

Step #2

Thanks Dmitrii! I’ve been banging my head against the wall trying to figure out what I was doing wrong here. Appreciate your help!