Problem with column layout

So I have a CMS list of projects, and I set different percentage of width in relation to their parent div. This is how it looks on a laptop and this is how I want it to be:

I set the width of each project by using nth-child using html:

The problem, however, is that when I open the page on a large monitor, the layout changes to this:

My current guess is that I set a maximum width for the div “margin-block”:
屏幕截图 2022-03-17 193627

And I guess the maximum width somehow breaks the layout. But I dont know how to solve this issue. Any suggestion help will be appreciated!


Here is my site Read-Only: (Webflow - Mingxi Li Design)