How to align elements in column?

I am putting some captions above my images. I found that when the text lines are longer, the image will be moved down, and that makes the image looks not horizontally aligned (Please check the screenshot I uploaded).
My question is what is the best way of making images align without worrying about the length of text?

I tried to use grid, but I can’t move the elements’ position (I watched tutorial and set the grid cell to be “manual”, but still can’t move the cell…).

Here is my public share link:

I would wrap the text items in their own div as per image.

Columns to flex vertical & justify = space between

I tried this with ‘Grid’ and it works.

This is my try out page, look for ‘Card Section’ in the Navigator!
Hopes this helps.

1 Like