Streaming live at 10am (PST)

Overflow Hidden creates unwanted margin


#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:


#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.