social tweaks

gatsby-node.js

@@ -1,19 +1,5 @@
 const path = require('path')
 
-// https://github.com/saschajullmann/gatsby-starter-gatsbythemes/blob/master/gatsby-node.js
-exports.modifyWebpackConfig = ({ config, stage }) => {
-  switch (stage) {
-    case 'develop':
-      config.preLoader('eslint-loader', {
-        test: /\.(js|jsx)$/,
-        exclude: /node_modules/,
-      })
-
-      break
-  }
-  return config
-}
-
 // https://github.com/gatsbyjs/gatsby/issues/2288#issuecomment-334467821
 exports.modifyWebpackConfig = ({ config, stage }) => {
   if (stage === 'build-html') {

src/components/molecules/Social.scss

@@ -2,14 +2,16 @@
 
 .networks {
     margin-top: $spacer * $line-height;
+    margin-left: auto;
+    margin-right: auto;
     width: 100%;
     display: flex;
     justify-content: center;
+    max-width: 20rem;
 }
 
 .networks__title {
     display: block;
-    width: 100%;
     font-size: $font-size-mini;
     color: $brand-grey-light;
     opacity: 0;
@@ -18,15 +20,11 @@
 }
 
 .networks__link {
-    margin-left: $spacer / 4;
-    margin-right: $spacer / 4;
+    margin-left: $spacer / 2;
+    margin-right: $spacer / 2;
     text-align: center;
     display: block;
-
-    @media (min-width: 30rem) {
-        margin-left: $spacer / 2;
-        margin-right: $spacer / 2;
-    }
+    flex: 1 1 (100% / 5);
 
     &,
     .icon {

src/components/organisms/Header.scss

@@ -47,6 +47,7 @@
 .header__name {
     pointer-events: none;
     display: block;
+    width: 100%;
 }
 
 .header--minimal {