card list

Regarding: bootsnipp.com/snippets/WaK3b

for a better responsive environment i'd use some jQuery to dynamically set the width and height of the overlay and use bootstrap defined columns, the following script works perfectly and you can remove all width and height from movie cards and color-overlay

var eventElements = $(".movie-card");

var eventOverlay = $(".movie-card .color-overlay");

for(var i=0; i<eventElements.length; i++)

eventOverlay.eq(i).width(eventElements.eq(i).width()).height(eventElements.eq(i).height()+30) ;

Tested and work just perfect, other than that great job

MML Tools (1) - 5 years ago - Reply 1