What in the world is causing the overflow

Hey I don’t know what’s wrong, i’ve been trying to figure this out and am losing my mind?

something is causing overflow in my page, i cant seem to figure out what’s happening. I think i’ve identified the cause of the problem. Can’t seem to figure out the solution. - Losing my mind over here hah… i think it’s the filter_content_wrapper but i truly don’t know what to do. I’m kinda new to all of this so it might be something really dumb.

https://preview.webflow.com/preview/lomavahti?utm_medium=preview_link&utm_source=designer&utm_content=lomavahti&preview=d6faec75ca0d63c3a78fe8f40311d1fa&pageId=671fb44813ef2b010a1128c0&locale=en&workflow=preview

I’m uncertain of your goal here, but the problem is effectively that you’re using multiple unit measurement types that are difficult for the browser to calculate an negotiate your layout.

The problem is in your filter_contain, and the filter_items within. I’d ditch the rem widths for the items, and probably change the overall layout to a grid and remove the overflow scroll to create a better effect.

On mobiles I’d reduce the number of columns so that the layout creates additional rows for the filter options.

I have been trying to figure out why the content_collection-list is overflowing on that breakpoint, when i was trying to figure it out, i deleted that filter_contain elemenent and the grid started wrapping like it did before. i don’t understand now how i could figure this out. Thank you so much for the help. I really really appriciate it.

Welcome to web design.

Webflow makes it pretty easy, I did a small tutorial on this a few years ago.
Another approach is to skill up on using Chrome devtools and debug the published HTML in your browser, then work backwards.

thank you so much for your help and input!