Overflow Scrolling + Mask

I’m using the same component on different screen sizes. On some (smaller) screen sizes, not all contents fit, so I enabled horizontal scrolling. However, I want the contents to only be visible inside their frame. This is probably a really easy answer staring at my face, but I can’t figure it out without having to make a variant for all target screen sizes. How do I accomplish this?

You would use “Clip content” to hide content that extends past the frame.

Screenshot 2023-01-24 at 10.35.02 AM

I knew it had to be easy. Thanks @Sand.on !

1 Like