Streaming live at 10am (PST)

Text with Grid with images



In the tab ‘data visualisations’ … I was hoping to add text below each image and center it according to the image, I was wondering how I could do this that would keep the thing in ratio?

Many thanks,

Here is my site Read-Only: LINK
(how to share your site Read-Only link)


any advice would be great.


Hey @Tom_Benson

I’m not sure exactly what you mean by “keep the thing in ratio”. If you’re talking about keeping an image and caption together inside the grid, try the following.

  • use a div in each grid space with flexbox aligned vertically and centered horizontally
  • place the image and text elements inside the new flexbox div

Hope that helps. If this didn’t answer your question, please elaborate on what you’re trying to achieve.


this is absolutely perfect, many many thanks!

Sorry i wasn’t too clear.


Glad to help! Happy designing.