fix: mobile styling (#72)

Author: alexieyizhe

src/components/Links.tsx

@@ -10,7 +10,7 @@ const Container = styled('footer')`
   align-items: center;
   justify-content: center;
 
-  margin-top: 1em;
+  margin: 1em 0 2em 0;
 
   & > a {
     margin: 0 6px;

src/pages/index.tsx

@@ -16,7 +16,7 @@ const MeIllustration = dynamic(() => import('components/MeIllustration'));
 const AppContainer = styled('div')`
   position: relative;
   width: 100vw;
-  height: 100vh;
+  min-height: 100vh;
 
   display: flex;
   flex-direction: column;