List Component - Equal size Cover Images

[tim.young]

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

[cocogurus]

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

[tim.young]

You’re welcome!

And welcome to the community!