Fixed responsive styling.

assets/scss/main.scss

@@ -172,13 +172,11 @@ nav {
 
 		@media screen and (max-width: 890px) {
 			padding: 40px;
+			align-items: flex-start;
 		}
 
 		@media screen and (max-width: 420px) {
 			padding: 20px 0;
-			flex-direction: column;
-			gap: 10px;
-			align-items: flex-start;
 		}
 	}
 
@@ -218,6 +216,10 @@ footer {
 		border-color: $lightGray;
 		padding: 40px 0;
 	}
+
+	@media screen and (max-width: 420px) {
+		padding: 0 20px;
+	}
 }
 
 .intro {
@@ -265,7 +267,7 @@ footer {
 	}
 
 	@media screen and (max-width: 420px) {
-		padding: 0 20px 20px 20px;
+		padding: 0 20px 40px 20px;
 	}
 }