Hello

I can't seem to get Inger's solution to work - I'm sure I'm doing something stupid.

Am I reading correct that That Richard's solution will work?

Hope something does as I run into this often

Byron

I see that the web page referred to in the first post has a column with a row of containers. Each container has a picture above a paragraph above a button link. The pictures are of equal height, but the paragraphs are of unequal lengths, making the containers of varying heights.

I would be inclined to -
(a) set the column as Position Flex so that the containers would become of equal height;
(b) set each of the containers as Position Flex with a setting of Direction:Column;
(c) give all the paragraphs the same class, and give them a Flexbox > Flex > Flex Grow setting of 1.

As long as the containers were set to equal each other in width (they probably are already), the paragraphs should therefore each have equal height, so putting the buttons in line.

Frank

So I'm am typically in the dark - I'm using RSD but is one of those formats better than the others - Foundation or Bootstrap?

My post above would be applicable to either. I guess opinions about which framework is best would be varied.

Frank

I very much doubt it. I've been fiddling on this all afternoon (RSD > Bootstrap4), trying to make it work, but I just can't get the button down to the bottom of the (stretched) parental div's.

– Richard

If you use Boostrap then it's better than Foundation. If you use Foundation then it's better than Boostrap.

Frank

That sounds interesting and all was well till step 3 - I have don't have those settings. Flexbox - Align Self - Auto - Flex Start - Flex End - Center - Baseline - Stretch.

Which one do I use?

Byron

Dive into the sea of knowledge ...

Thanks - haven't seen that one

Byron

This is the one to which I referred:

http://fc7777.coffeecup.com/flexbox.jpg

Frank