From 66043ee4a9b61545f9e97c8db36bc9222410eac1 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Wed, 12 Sep 2018 18:00:51 +0200
Subject: [PATCH] layout tweak

---
 src/pages/index.jsx         | 2 +-
 src/pages/index.module.scss | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 178b23c..a57af07 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -47,7 +47,7 @@ export const IndexQuery = graphql`
           slug
           img {
             childImageSharp {
-              fluid(maxWidth: 990, quality: 85) {
+              fluid(maxWidth: 980, quality: 85) {
                 ...GatsbyImageSharpFluid_withWebp
               }
             }
diff --git a/src/pages/index.module.scss b/src/pages/index.module.scss
index e189e70..127032c 100644
--- a/src/pages/index.module.scss
+++ b/src/pages/index.module.scss
@@ -5,15 +5,16 @@
         display: flex;
         justify-content: space-between;
         flex-wrap: wrap;
-        max-width: $projectImageMaxWidth;
+        max-width: calc(#{$projectImageMaxWidth} + #{$spacer * 2});
         margin: 0 auto;
+        padding: $spacer $spacer * 2;
     }
 }
 
 .project {
-    flex: 0 0 calc(50% - #{$spacer * 2});
+    flex: 0 0 calc(50% - #{$spacer});
     text-align: center;
-    margin-bottom: $spacer * 4;
+    margin-bottom: $spacer * 2;
     position: relative;
 
     &:last-child {