Center the About page

ryanwiemer · Jan 29, 2019 · dcb3724 · dcb3724
1 parent 68bcc49
commit dcb3724
Showing 1 changed file with 34 additions and 23 deletions.
diff --git 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>
     </>