Hey guys! Here’s the link to the new project I’m working on.
The problem I’m facing is that I have a main wrapper (“benefits wrapper”) which has some secondary divs inside of it.
I gave overflow:hidden to it so that on hover I can move the inner elements up so that it acts like a deck.
Now straight to the issue - design-wise, I’d like to add a shadow to that “benefits wrapper” however when I gave it the overflow:hidden setting, it has some extra space above it, which causes the shadow to be displayed incorrectly (not only fall off the main div, but also from the corners of that empty space).
Does anyone know what is causing this behavior and how it can be fixed?
I’ll appreciate all the suggestions, thanks!