Elements overflowing outside of screen

Hey,
so I’m fairly new to webflow but am so far loving all the possibilities this software enables.

However one of my current projects to learn the software for myself I stumbled into an issue while optimizing it for all screen sizes.

On desktop of tablet everything seems to be scaling just as I want it to, however on mobile landscape my elements starts overflowing not just the grid but also the screen itself.

This is how it’s supposed to be with the blue category buttons listed on top:

And this is the issue. Main problem being that the content is overflowing but also I can’t for the life of me manage to get them to not stack like that.


Here is my site Read-Only: https://preview.webflow.com/preview/yummyrecipe?utm_medium=preview_link&utm_source=designer&utm_content=yummyrecipe&preview=41eaf7af6bcaf75271aea43d22ebd3c6&mode=preview

1 Like

Problem solved! It turns out it was one of those obvious things I just simply forgot about.

I had the collection list set to “Don’t wrap”, and as such changing it to “Wrap” fixed my issue.

1 Like