How do I change the way my grid container behaves?

I have a responsive grid container in my website but I’m still working on it. I want to make it so that when the max-width of the page is 1250px the last box I have inside my grid container doesn’t go to the second row but rather stays on the same row until the page reaches a max-width of 938px where both rows have an equal amount of boxes (2 each).

Codepen

Hello,
Take a look at these two. They might come in handy.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.