Table Thumbnail Image percentage related sizing

Hey Community!!

I would like to make the thumbnail images on my table a little larger but want a consistent height regardless of the width of the image. I can’t seem to find a way to do this without distorting the image.

This is posing problems where some images will be landscape and others will be portrait.

Any help or suggestions greatly welcomed.


Hey @JulianMc,

Try this…

.thumb-wrap {
    max-height: 200px;
    max-width: 100%;
.thumb-wrap img {
    max-height: 200px;
    max-width: 100%;
    height: 200px;

max-height and height must be the same, but adjust as needed.!/image-size

And @tim.young smashes it out the park! Perfect result! Sizing is exactly how I needed it, thank you.

1 Like