Flexible Grid System Help

Hey Guys,

I am trying to replicate this Square Space grid layout.

I’ve managed to get quite close with Flex Box on this page here:

However, you’ll notice the last few images stretch and distort from the square shape that I really desire. Any help or advice would be appreciated.

Example Image

My Current State
current state

Thanks so much,


Here is my public share link: LINK
(how to access public share link)

Can it be that you set the box to be min-width: 270 and max-width: 300 ? So you get a 30px difference one each box?
How about setting it to width: 300px

If you share the publick link its easier to play around.

Oh thanks for that. Here’s the link. This page in particular is called Projects.


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