How to not use "clear left" ? Help!

Hi there,

I have a very basic question regarding very basic layout… I understand how clear left, clear right method work however, due to the custom filtering method I am using (mixitup library) I do not wish to use any “clearing” options as it will mess up the layout.

My question is:

Is there a way so that elements fit the horizontal space if there is enough room and if not, they’d automatically start a “new row” instead of trying to fit into the horizontal space available…

My read-only link:
https://preview.webflow.com/preview/grid-208045?utm_source=grid-208045&preview=b714b524eb657467adf219a1650e6333

Here are two screenshot to better illustrate my problem:



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