Setting the images to be the same size

Hello,

I’m using a template to create my portfolio. In the landing page, I have three projects but the images of the projects are currently in different sizes. How can I get them to align together?

I tried to change the size of the image but I was wondering if there is a way to keep the image box the same but even zoom in or change the placement within the image box?

Thank you!


Here is my site Read-Only:
https://preview.webflow.com/preview/seonajoung?utm_source=seonajoung&preview=98a09618138958c554bcadccdeec6660

1 Like

Hello @sunnyjoo26

One way is to make all the images the same height and upload them again. The other way is to use divs with fixed height and the images as a background. One more way to do it is to use divs with fixed height > put the images inside and use css to display them as a cover.

.image-class {
  object-fit: cover;
}

Piter :webflow_heart:

1 Like