Figma Support Forum

Equal height cards with aligned footer

I’m building a design system with various card components, and one requirement is cards that all flex to the height of the tallest card in the row, AND that have the footer element of each card aligned. Not terribly difficult to do once you have a row of cards with content in them, I can set some of the inside containers to vertical: fill container and achieve what I’m looking for.

My issue is making this a built-in feature of the component so that the designers don’t need to go onto each shorter component and manually override things. My end result is something like this, where the View Location will align regardless of the content length above. But without the tallest element using vertical: hug contents, Figma doesn’t seem to be able to hold open the tallest content section.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.