#798 – Max image height.

Hi,

I need to ensure the images here are all the same height: https://www.gallerymckee.co.uk/NewSite/galleries/works-on-paper

I have used this: (max-height: 300px) 1000vh
in : Articles list views options / Sizes attribute

Can you please let me know the correct code.

Thanks

Hi Colin,

The sizes attribute has nothing to do with the images height. The sizes attribute just tells the browser which size it needs to load. For example you can load small images for mobile devices and larger images for desktop devices.

Now, to answer your question.
In order to have images with the exact same height they need to have the exact same aspect ratio.
In the link you provided some of the images are square while some have a portrait orientation. This means that it's impossible to have the exact same height without stretching or cropping.
If you don't mind cropping then you can use a bit of CSS to make the images have the same height:

.j51news-image img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

Regards