Streaming live at 10am (PST)

CSS Grid Overflow Hidden

I’m trying to have a column have overflow: hidden (and thus clip the image inside the column), but it does not seem to work. Any ideas?

Thanks!


Here is my site Read-Only: https://preview.webflow.com/preview/play-51dca3?utm_source=play-51dca3&preview=08a10b1b07ac81f75e4139fd0b6f290f

Can you explain a little bit more of what you’re trying to achieve here please?

Sure. I’m trying to see if I could achieve this interaction in webflow: https://tympanus.net/codrops/2019/01/24/layer-motion-slideshow/.

I was thinking that I would do the layout in grid, have an image that is fixed position in div (that’s in a grid item and the div is overflow hidden. When someone clicks the div container scales on the x access clipping the image.

Does that make sense?

you cannot hide fixed positioned elements with parent’ overflow. That’s just how it is.

Yeah, I’m just an idiot. I meant “absolutely” positioned.

Thanks.