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