Expand Multicolumn Card Info Div to bottom of container

Store Design
1

Hi - using the multicolumn section it is pretty easy to manipulate most items but I am having a heck of a time trying to expand the shorter card divs to the bottom of the card container div. I want to float the buttons down to be all at the bottom of the section leaving a gap within the card div between the text and the button.

multicolumn.jpg
multicolumn.jpg1544×1491 182 KB

I have been trying many ways to expand the child div down to fill the remaining space then need to bind the button href to the bottom of the card div. Any guidance would be greatly appreciated.

Thanks!

Brian

2

try this

.multicolumn-card {
  display: flex;
  flex-direction: column;
  height: 100%; 
}

.multicolumn-card .button {
  margin-top: auto; 
}