From dcb37243340508f45536d3a1806cf05754b187f6 Mon Sep 17 00:00:00 2001
From: Ryan Wiemer <ryan@ryanwiemer.com>
Date: Mon, 28 Jan 2019 21:25:30 -0800
Subject: [PATCH] Center the About page

---
 src/pages/about.js | 57 +++++++++++++++++++++++++++-------------------
 1 file changed, 34 insertions(+), 23 deletions(-)

diff --git a/src/pages/about.js b/src/pages/about.js
index e8bc5fa..3e7c0cc 100644
--- a/src/pages/about.js
+++ b/src/pages/about.js
@@ -11,6 +11,15 @@ import SEO from '../components/SEO'
 const Wrapper = styled.div`
   @media screen and (min-width: ${props => props.theme.responsive.small}) {
     min-height: calc(100vh - 128px);
+    display: flex;
+    flex-flow: row;
+    align-items: center;
+    justify-content: space-between;
+  }
+`
+
+const Content = styled.div`
+  @media screen and (min-width: ${props => props.theme.responsive.small}) {
     display: flex;
     flex-flow: row;
     align-items: flex-start;
@@ -96,30 +105,32 @@ const AboutPage = ({ data }) => {
       />
       <Container minHeight>
         <Wrapper>
-          <Card>
-            <Img
-              fluid={cover.fluid}
-              alt={cover.title}
-              backgroundColor={'#212121'}
+          <Content>
+            <Card>
+              <Img
+                fluid={cover.fluid}
+                alt={cover.title}
+                backgroundColor={'#212121'}
+              />
+              <a
+                href="https://www.dropbox.com/s/j2oosw8hlru4b20/Ryan%20Wiemer%20-%20Resume.pdf?dl=0"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                Resume
+              </a>
+              <a
+                href="https://github.com/ryanwiemer"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                GitHub
+              </a>
+            </Card>
+            <Bio
+              dangerouslySetInnerHTML={{ __html: bio.childMarkdownRemark.html }}
             />
-            <a
-              href="https://www.dropbox.com/s/j2oosw8hlru4b20/Ryan%20Wiemer%20-%20Resume.pdf?dl=0"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              Resume
-            </a>
-            <a
-              href="https://github.com/ryanwiemer"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              GitHub
-            </a>
-          </Card>
-          <Bio
-            dangerouslySetInnerHTML={{ __html: bio.childMarkdownRemark.html }}
-          />
+          </Content>
         </Wrapper>
       </Container>
     </>