Homepage Grid Behaviour

[feeohnah]

The homepage needs to have consistent padding between images, right now it fluctuates based on the window dimension. The only variable should be the outer margins between images and the window edges. The padding should always be 60 between images and 75 (or 74) between rows.

Based on the mockups these are the grid specs we should be hitting at each breakpoint.

375px
~24 px between each image

1024px
~60px between images
~74px between rows

1440px
~80px between images
~94px between rows

1920px
~101px between images
~114px between rows

[MattSelf]

Just one note is that in Safari it seems to only spread to 2 images per row, and doesn't go to 3.

[feeohnah]

@cartogram confirmed. I think it might be related to this flex/safari bug

[feeohnah]

@MattSelf ready for you to review this one

[MattSelf]

Looks great!

[feeohnah]

@MattSelf great. Let us know when you are ready to launch!

[MattSelf]

I think the only thing left is changing the text from "STUDIO SELF" to "Matthew Boyd" in all instances, and we should be good to launch. I'm having text proofed right now, but should be done by today. Even if the site is live no one knows about it, so we can probably launch tomorrow. Let me know if that works.