Align buttons within cards

This is driving me nuts so hopefully someone can help me figure out what’s going on here. I’m trying to get the buttons in the cards under the “Spiritual Companions who know how to listen” section to align at the bottom of the cards. My plan was:

  1. Set “Program Content Wrapper” to 100% Height
  2. Set top margin on the buttons to Auto

Everytime I do #1 the content section grows with lots of extra white space at the bottom and also covers up the bottom of the image/pink rule. See screenshot.

What am I missing here?


Here is my site Read-Only: (Webflow - Rolling Ridge)

Not sure I’m following/that fixes things. Copying the text from the other cards aligns things due to the length of the content—as soon as you change the text things no longer align.

hi @2X16 I do not understand any of responses of @maxioos at all. Here is simple solution you can use. You need just change 3 flex settings.
Hope this will help.

BTW forum is full of solutions when it comes to aligning cards elements. :metal:

Thanks @Stan works perfectly. I found a bunch of different forum solutions but nothing seemed to directly address my mess—so thank you!

1 Like