Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Hover overlay and image scaling Reply To: Hover overlay and image scaling

#286063
IMPACTMag
Participant

^ Definitely.

A. 1 row, 3 columns, each image set to ‘contain’. Overlay appears to attach to column size, not image and resizes based on responsive layout size.

Samples:
Regular desktop size – https://www.screencast.com/t/N8xJ8CxHtS
Tablet size – https://www.screencast.com/t/KqAReTiqDUt0

B. 1 row, 3 columns, first image set to ‘cover’. The publication gets cropped on both top and sides. This defeats the purpose of having a magazine cover as the image IMO.

Samples:
Regular desktop size – https://www.screencast.com/t/ocQAs5SYd
Tablet size – https://www.screencast.com/t/GDmJMG6q

Ideally I want to keep the proportions of the cover to not cut off content. The actual scale or size of the images doesn’t matter to me as long as they fit within the columns.