Add a max-width to the HeaderNav

packages/astro/src/components/HeaderNav.astro

@@ -10,12 +10,12 @@ const routes = [
 ];
 	// because of annoying differences between dev and build modes, due to this
 	// behavior (https://github.com/withastro/astro/issues/5630), always remove
-	// any trailing slash so currentPath can match the paths above
+	// any trailing slash so currentPage can match the pages above
 const fullPath = Astro.url.pathname.replace(/\/$/, "");
-const currentPath = fullPath.slice(fullPath.lastIndexOf("/") + 1);
+const currentPage = fullPath.slice(fullPath.lastIndexOf("/") + 1);
 ---
 
-<nav class="container-fluid">
+<nav class="container">
 	<ul>
 		<li>
 			<a href="./" class="contrast">
@@ -25,9 +25,9 @@ const currentPath = fullPath.slice(fullPath.lastIndexOf("/") + 1);
 	</ul>
 	<ul>
 		{
-			routes.map(([path, name]) => (
+			routes.map(([page, label]) => (
 				<li>
-					<a href={path} aria-current={currentPath === path ? "page" : false}>{name}</a>
+					<a href={page} aria-current={currentPage === page ? "page" : false}>{label}</a>
 				</li>
 			))
 		}