From dfe6dfbe4d1a77b84914eeeb6e1b2ddbc6aed1ae Mon Sep 17 00:00:00 2001
From: Fries <fries1234@protonmail.com>
Date: Tue, 13 Jun 2023 01:22:45 -0700
Subject: [PATCH] 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 | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
index 4070288..bb10e90 100644
--- a/src/components/Navigation.astro
+++ b/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>