Issues With Images, Overlays & Flex Boxes

Link: https://preview.webflow.com/preview/uxg1-4b27930b929ad6cf3d2416f1980a745d?preview=d6cbb092e0eca35b1b9c00d4dd4ec91c

Hi Guys,

Having a few issues:

  • I’m unsure how to make the images scale proportionately to my flex layout, so they don’t warp. Currently I’ve just increased the max % width on the images to 2/300% and hidden the overflow, but I’m sure there’s a cleaner way of doing it.

  • I’m adding a hover overlay interaction, but I can’t seem to confine the overly to the flexbox it’s held within, it always seems to extend further unless I set a dimension for it in pixels, which defeats the point of the flex layout!

Help would be appreciated! Cheers

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.