I am trying to figure out a grid layout which always has 2 posts in row.
I would like the first item in row to take about 1/3 width and second to take 2/3 width, however in next row it should be vice versa.

I have a problem with the grid system in my scss, i have a template where in div1 i have a banner that can occupy a different height but the problem is that in the second row, since i have minmax(100px, 1fr) and minmax(300px, 400px) the 1fr takes too much space. I have alreay tried with auto, min-content, max-content and 100% but it’s not working. The ideal its 100px, 150px instead of 1fr but i can’t use px or change to flexbox