Overflow Hidden creates unwanted margin

Design help General
1

Hi,

I’m having some issues with overflow hidden feature.
I have a list item, with an image inside as an IMG.
I applied a scale transform when hover over the image, but I need to set overflow hidden in order to mask the image boundaries at scaling.
So, when setting overflow hidden over my list item, it creates a 5px margin on the bottom of the list item, and there’s no way to fix this.

Can you help me?

There’s a screen capture in this link.

Here is my public share link: https://preview.webflow.com/preview/pedrogravata?preview=8bb6d1fbb1bfa66d0963a2c1d1f0a10f

2

Hey @Bruno_Magalhaes great question and lovely design! Took a quick look at your site. When I set the “work-thumb” to Float: left, that resolves the issue for me, can you please try that and let me know if works for you? :smile:

2880×1476 1.03 MB

3

Ta-Da!! Really solved the problem! Thanks a lot.

4

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