One blog image is larger than the other

[Steve-K (Steve)]

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 - stevenkryger.com

[domin8tor (Wakeford Digital)]

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’.

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!