fix the navigation flexbox

it looks like flexboxes don't have wrapping enabled by default so they
overflow so i wrapped the flexbox. i also used the gap property as it
does the same thing as adding manual margin but less hacky and it works
on every element of the flexbox, not just a tags.

Fixes #4

src/components/Navigation.astro

@@ -11,9 +11,7 @@
 		flex-direction: row;
 		font-size: 20px;
 		justify-content: center;
-	}
-	#nav-container a {
-		margin-left: 10px;
-		margin-right: 10px;
+		flex-wrap: wrap;
+		gap: 20px;
 	}
 </style>