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.

1 Like

this is absolutely perfect, many many thanks!

Sorry i wasn’t too clear.

Glad to help! Happy designing.