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?


Here is my site Read-Only:

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:

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.