Streaming live at 10am (PST)

One blog image is larger than the other

I can’t figure out why one of the blog images in my grid is larger than the others:

Here is my site Read-Only: Webflow -

Hey @Steve-K - I reckon this is because the actual images have different sizes (i.e. one is 1000 x 667 and the other is 1000 x 753).

Not sure if this is the 100% best way, but a way around this is to set an actual height for the ‘blog1-image’ item - and then ensure the fit is set to ‘cover’.

Screen Shot 2021-09-28 at 11.06.18 am

This means that all the images will be the same height, and you can configure this to each device so that it looks appropriate. The fit - cover option will mean that the images don’t get stretched weird.

Hope this helps!

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.