Streaming live at 10am (PST)

Text with Grid with images


#1

Hi,

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,
Tom

https://preview.webflow.com/preview/toms-first-project-f3a65a?utm_source=toms-first-project-f3a65a&preview=b8411fb6c7832bc8f5b14d9f3e566ce2


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


#2

any advice would be great.
thanks


#3

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.


#4

this is absolutely perfect, many many thanks!

Sorry i wasn’t too clear.


#5

Glad to help! Happy designing.