Varying row sizes in Grid

I have inserted a grid intending to link thumbnails to various galleries. Each thumbnail has a caption beneath and I need to make the caption row a lesser height than the thumbnail row (attachment show how it looks now). How can I do this?

You want to put the image and text in a flex component, that will keep them together.

I’ve recorded a video for you, that shows how to do it.

We also have plenty of videos in the Elements Docs that show you how to do various layouts and use the grid and flex components.

Let me know if you have any other questions.

Thanks Dan, That was exactly what I was after.