Merge pull request #17 from mateonunez:style/open-source-responsive

Open source section responsive

Author: mateonunez

components/github/cards/profile/profile.module.css

@@ -32,6 +32,21 @@
 
 @media (max-width: 600px) {
   .root {
-    margin: 1rem 0 4rem;
+    margin: 1rem auto;
+    display: flex;
+    flex-direction: column;
+    width: 80vw;
+    min-height: auto;
+    text-align: center;
+  }
+
+  .avatar {
+    margin: 1rem auto;
+  }
+
+  .bioContainer,
+  .name,
+  .bio {
+    margin: auto;
   }
 }

components/github/repositories/preview/preview.module.css

@@ -74,8 +74,9 @@
   @apply prose prose-invert;
 }
 
-@media (min-width: 768px) {
+@media (max-width: 600px) {
   .root {
-    width: 80vw;
+    margin: 1rem auto;
+    width: 100%;
   }
 }

components/header/header.jsx

@@ -85,6 +85,12 @@ export default function Header() {
           </a>
         </Link>
 
+        <Link href="/open-source" passHref>
+          <a rel="canonical" title="Open Source">
+            💻 Open Source
+          </a>
+        </Link>
+
         <Link href="/spotify" passHref>
           <a rel="canonical" title="Blog">
             🎧 Spotify