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”:
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)