List Component - Equal size Cover Images

Add this CSS to your page containing a list component to get equal size cover images. You can adjust the height as needed.

.img-responsive {
    float: left;
    width:  100%;
    height: 200px;
    object-fit: contain;
}

BEFORE

AFTER

7 Likes

Thanks! So often it’s the little details that have impact.

1 Like

You’re welcome!

And welcome to the community!

2 Likes