How can I fit everything on my page without making the page dimensions bigger

Design help Layout & Design
1

Hi,

I am trying to fit my recipes and recipe filter box on the same page, but when I move the box to be able to be seen on the page, it pushes the recipes to the right, making it so that you have to scroll to the right to see them. How can I make sure that there is no extra space on the side and fit everything in?

https://preview.webflow.com/preview/oven-lovin-template-0de84-26c86f203aaa3?utm_medium=preview_link&utm_source=designer&utm_content=oven-lovin-template-0de84-26c86f203aaa3&preview=c1013c87699d9e88d2668c7240e43ed6&pageId=61bb32485fe3a94377143a64&workflow=previewhttps://preview.webflow.com/preview/oven-lovin-template-0de84-26c86f203aaa3?utm_medium=preview_link&utm_source=designer&utm_content=oven-lovin-template-0de84-26c86f203aaa3&preview=c1013c87699d9e88d2668c7240e43ed6&pageId=61bb32485fe3a94377143a64&workflow=preview

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

So I changed the dimensions so that they would all fit in the page but there is still white space on the side, how do I remove this?

https://preview.webflow.com/preview/oven-lovin-template-0de84-26c86f203aaa3?utm_medium=preview_link&utm_source=designer&utm_content=oven-lovin-template-0de84-26c86f203aaa3&preview=e79332f365a29fe123012d0c92eb844b&pageId=61bb32485fe3a94377143a64&workflow=preview