Flexible Grid System Help

andymaccoll · March 30, 2017, 9:32am

Hey Guys,

I am trying to replicate this Square Space grid layout.
http://www.latortilleria.com/

I’ve managed to get quite close with Flex Box on this page here:
http://www.andrewmaccoll.com/projects

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
example

My Current State
current state

Thanks so much,

Andy

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

krubens · March 30, 2017, 10:36am

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.

andymaccoll · April 1, 2017, 1:33am

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

https://preview.webflow.com/preview/andrewmaccoll?preview=737178465165deeac55f528a8e5f8dfe

system · May 31, 2017, 10:35pm

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