Streaming live at 10am (PST)

Images in Grid Not Staying at the Same Size

Hi :wave:

I’m still relatively new so hopefully this is a quick fix…

Basically there are 5 grids that sit beneath the ‘Accommodation’ Hero Image and each grid has a bit of text and an image next to it. However the images don’t seem to be filling the set size and they’re just remaining at the scale of the original image. Basically all of the images are all different sizes and I’m wondering how I can make them all the same size?

On the homepage of the website I think I’ve got it to work but I’m not sure how.

Heres the link https://preview.webflow.com/preview/thegoldstonewedding?utm_medium=preview_link&utm_source=designer&utm_content=thegoldstonewedding&preview=7e97af25d7f48e1c195c55efe310d1fc&pageId=5f43eb4166a93d31640d8679&mode=preview

If anyone could help it would be much appreciated. Thanks :smile:

It’s difficult to understand exactly what you mean by your description, but I think I know what you are talking about.

Instead of placing the image inside of the grid, place a div. Give that div a background image, and set the sizing to “cover”. Doing this will make sure the image fills the entire div without stretching or squishing.

Let me know if you need any more help.

Thank you so much! It worked :slight_smile: