Some updates to layout for heading

src/_includes/base.njk

@@ -41,23 +41,23 @@
 		{% ogImage "./src/_includes/components/ogImage.njk", { title: pageTitle or title, subTitle: description } %}
 	</head>
 	<body>
-		<header class="wrapper-lg row space-between">
+		<header>
 			<a href="/" class="site-title">LD</a>
+			<div class="nav-container wrapper-lg row space-between w-full">
+					<nav>
+						<ul class="row" role='list'>
+							<li><a href="/">Home</a></li>
+							<li><a href="/blog">Blog</a></li>
+							<li><a href="/blogroll">Blogroll</a></li>
+							<li><a href="/events/2024">Events</a></li>
+							<li><a href="/links">Links</a></li>
+						</ul>
+					</nav>
 
-			<nav>
-				<ul class="row" role='list'>
-					<li><a href="/">Home</a></li>
-					<li><a href="/blog">Blog</a></li>
-					<li><a href="/blogroll">Blogroll</a></li>
-					<li><a href="/events/2024">Events</a></li>
-					<li><a href="/links">Links</a></li>
-				</ul>
-			</nav>
-
-			<a href="/feed/" class="rss" aria-label="RSS feed">
-				<i class="fa-solid fa-rss"></i>
-			</a>
-
+					<a href="/feed/" class="rss" aria-label="RSS feed">
+						<i class="fa-solid fa-rss"></i>
+					</a>
+			</div>
 			<fieldset class="color-scheme">
 				<legend>Change your colour scheme</legend>
 				<label>