Added addional styling to smaller devices to reduce the padding of main content paragraphs

src/main.svelte

@@ -14,18 +14,6 @@
         display: flex;
     }
 
-    /* Responsive layout - makes a one column layout instead of a two-column layout */
-    @media (max-width: 800px) {
-        .profile {
-            display: none;
-        }
-
-        .flex-container {
-            align-items: center;
-            flex-direction: column;
-        }
-    }
-
     .profile {
         border-radius: 100%;
         height: 8em;
@@ -38,6 +26,22 @@
         padding: 0em 5% 0em 5%;
     }
     
+    /* Responsive layout - makes a one column layout instead of a two-column layout */
+    @media (max-width: 800px) {
+        .flex-container {
+            align-items: center;
+            flex-direction: column;
+        }
+
+        .profile {
+            display: none;
+        }
+
+        .about {
+            padding: 0px;
+        }
+    }
+
     h1 {
         color: var(--red);
         /*text-decoration: underline 5px solid var(--bg-grad);*/

src/routes/+layout.svelte

@@ -24,9 +24,9 @@
 </style>
 
 <nav>
-    <a href = "test">//tab</a>
-    <a href = "test">//tab</a>
-    <a href = "test">//tab</a>
+    <a href = "/">//Profile</a>
+    <a href = "test">//Repos</a>
+    <a href = "test">//Contact</a>
 </nav>
 
 <div class="main-container">