FIX: <main> is now in the layout which will define margins

Still having issues with Skills component

src/components/skills.svelte

@@ -162,5 +162,4 @@
 			<h3 class="text-sm font-semibold text-gray-200">{tool}</h3>
 		</div>
 	{/each}
-	<!-- <h3 class="text-sm font-semibold text-gray-200">{tools.join(' - ')}</h3> -->
 </div>

src/routes/+layout.svelte

@@ -7,6 +7,8 @@
 
 <div class="bg-[#1b1b1c]">
 	<Navbar />
+	<main class="mx-[13%] my-[4%] h-fit min-h-screen">
 		{@render children()}
+	</main>
 	<Footer />
 </div>

src/routes/+page.svelte

@@ -3,15 +3,12 @@
 	import Skills from '../components/skills.svelte';
 </script>
 
-<main class="h-fit w-full">
+<!-- Introduction Section -->
-	<!-- Introduction Section -->
+<div class="flex flex h-fit w-full">
-	<div class="flex flex h-fit w-full">
+	<div class="flex size-full">
-		<div class="flex size-full justify-end">
+		<div class="">
-			<div class="my-16 w-3/4">
+			<h1 class="py-2 font-mono text-6xl font-[900] text-blue-300">Building things that matter.</h1>
-				<h1 class="p-2 font-mono text-6xl font-[900] text-blue-300">
+			<p class="my-5 py-2 text-gray-200 italic">
-					Building things that matter.
-				</h1>
-				<p class="my-5 p-2 text-gray-200 italic">
 				I am a <span class="text-blue-300">software engineering student</span> at Embry Riddle
 				Aeronautical University, Prescott. I am interested in
 				<span class="font-semibold">building things that matter</span> and making a difference in the
@@ -19,22 +16,22 @@
 			</p>
 		</div>
 	</div>
+	<!-- DO NOT DELETE THIS -->
 	<div class="size-full"></div>
-	</div>
+</div>
 
-	<div class="flex h-full w-full flex-row">
+<div class="mt-24 flex h-full w-full flex-row">
 	<!-- Left Column -->
-		<div class="flex size-full flex-col items-end">
+	<div class="flex h-full w-2/3 flex-col">
-			<div class="h-full w-3/4">
+		<div class="w-3/4">
 			<Projects />
 		</div>
 	</div>
 
 	<!-- Right Column -->
-		<div class="flex size-full justify-center">
+	<div class="flex h-full w-1/3 justify-center">
-			<div class="h-full w-3/4">
+		<div class="h-full w-full">
 			<Skills />
 		</div>
 	</div>
-	</div>
+</div>
-</main>

src/routes/about/+page.svelte

@@ -2,12 +2,11 @@
 	import Link from '../../components/link.svelte';
 </script>
 
-<main class="flex h-fit flex-col items-center">
+<!-- First Row -->
-	<!-- First Row -->
+<div class="w-full">
-	<div class="w-3/4">
 	<!-- My Name Section -->
-		<div class="w-3/4">
+	<div class="my-14 w-3/4">
-			<h1 class="py-20 font-mono text-6xl font-[600] text-gray-300">
+		<h1 class="font-mono text-6xl font-[600] text-gray-300">
 			My name is<br />
 			<span class="text-blue-300">Hayden Hargreaves.</span>
 			<br />
@@ -29,9 +28,9 @@
 					2028. I have a passion for building and seeing my ideas come to life.
 				</p>
 				<p class="my-4 w-3/4 text-gray-200">
-						In my free time I like to workout, play airsoft, go mountain biking, and play video
+					In my free time I like to workout, play airsoft, go mountain biking, and play video games.
-						games. I have been playing airsoft for nearly two years and have loved it from day one!
+					I have been playing airsoft for nearly two years and have loved it from day one! I own
-						I own countless airsoft guns which include an
+					countless airsoft guns which include an
 					<span class="text-blue-300">Elite Force H&amp;K 416 A5</span>, an
 					<span class="text-blue-300"> Elite Force 1911 TAC</span>, a
 					<span class="text-blue-300">JAG Arms Scattergun Super CQB</span>, and many more.
@@ -65,8 +64,8 @@
 				<p class="my-4 w-3/4 text-gray-200">
 					In the past three years, I have moved from using Window to
 					<span class="text-blue-300">Linux</span>
-						exclusively. I have used countless distributions ranging from Ubuntu to Arch Linux, but I
+					exclusively. I have used countless distributions ranging from Ubuntu to Arch Linux, but I have
-						have settled on <span class="text-blue-300">NixOS</span> as my daily driver. During this
+					settled on <span class="text-blue-300">NixOS</span> as my daily driver. During this
 					journey I developed a "need for speed" and this led to me to
 					<span class="text-blue-300">Neovim</span>. Inspired by
 					<Link
@@ -78,16 +77,15 @@
 				<p class="w-3/4 text-gray-200">
 					I have been employed as a Staff Accountant at
 					<span class="text-blue-300">Bottom Line Business Solutions (BLBS)</span> since 2020. In
-						2023, following a hack at the previous data hosting company, I was tasked with
+					2023, following a hack at the previous data hosting company, I was tasked with developing
-						developing a new data hosting solution. I developed a custom solution using Go and it is
+					a new data hosting solution. I developed a custom solution using Go and it is hosted on a
-						hosted on a Linux server on site. Implementing a strong partial and complete backup
+					Linux server on site. Implementing a strong partial and complete backup system and
-						system and
 					<Link
 						text="RAID 10"
 						href="https://www.techtarget.com/searchstorage/definition/RAID-10-redundant-array-of-independent-disks"
 					/>
-						storage, I was able to ensure that the data is safe and secure. This solution has been in
+					storage, I was able to ensure that the data is safe and secure. This solution has been in use
-						use since 2024 and has been a great success.
+					since 2024 and has been a great success.
 				</p>
 				<p class="my-4 w-3/4 text-gray-200">
 					While working on the data hosting solution, I developed an interest in server management
@@ -103,26 +101,24 @@
 					In September of 2023, I was hired by the <span class="text-blue-300">
 						Backcountry Horsemen of California
 					</span>
-						to rebuild their website. They wanted it to be modeled after their previous site from the
+					to rebuild their website. They wanted it to be modeled after their previous site from the 90's.
-						90's. I developed the site using raw HTML and TailwindCSS because there was no need for anything
+					I developed the site using raw HTML and TailwindCSS because there was no need for anything
 					fancy for a static website. Plus, I did not have access to their server, just an FTP portal
-						to upload the files. The website was complete in April of 2024 and has since been in use.
+					to upload the files. The website was complete in April of 2024 and has since been in use. This
-						This opportunity was a great learning experience and helped me realize that I do not want
+					opportunity was a great learning experience and helped me realize that I do not want to be
-						to be a front-end web developer.
+					a front-end web developer.
 				</p>
 				<p class="my-4 w-3/4 text-gray-200">
-						My most recent endeavor is a research project sponsored by Embry Riddle. I am working
+					My most recent endeavor is a research project sponsored by Embry Riddle. I am working with
-						with
 					<Link href="https://faculty.erau.edu/Seth.McNeill" text="Dr. Seth McNeill" />
 					to create an <span class="text-blue-300">Acoustic Drone Detection Sensor Network</span>.
-						We are able to detect drones with just sound having a nearly 95% accuracy rate. My
+					We are able to detect drones with just sound having a nearly 95% accuracy rate. My portion
-						portion of this project is the network infrastructure. I have developed an
+					of this project is the network infrastructure. I have developed an
-						<span class="text-blue-300"> Internet of Things (IoT)</span> network that connects all of
+					<span class="text-blue-300"> Internet of Things (IoT)</span> network that connects all of the
-						the sensors between a gateway. Any data collected by the sensors is sent to AWS where it
+					sensors between a gateway. Any data collected by the sensors is sent to AWS where it is processed
-						is processed and then stored locally on a server. This project has been an amazing experience
+					and then stored locally on a server. This project has been an amazing experience and has helped
-						and has helped me to develop a strong understanding of IoT networks and the AWS ecosystem.
+					me to develop a strong understanding of IoT networks and the AWS ecosystem. Furthermore, it
-						Furthermore, it has opened my eyes to the world of research and has introduced me to many
+					has opened my eyes to the world of research and has introduced me to many bright individuals.
-						bright individuals.
 				</p>
 			</div>
 		</div>
@@ -179,5 +175,4 @@
 			</div>
 		</div>
 	</div>
-	</div>
+</div>
-</main>

src/routes/blog/+page.svelte

@@ -11,17 +11,16 @@
 	});
 </script>
 
-<main class="mx-[7.5%] my-[5%] min-h-screen">
+<!-- Header -->
-	<!-- Header -->
+<div class="my-8 w-1/2">
-	<div class="my-8 w-1/2">
 	<h1 class="font-mono text-6xl font-[900] text-blue-300">Blog Posts.</h1>
 	<p class="my-5 py-2 text-gray-200 italic">
 		Here you can find a list of all the blog posts I have written. Some of them are about my
 		projects, some are about my thoughts, and some are about my experiences. I hope you enjoy!
 	</p>
-	</div>
+</div>
-	<!-- Posts List -->
+<!-- Posts List -->
-	<div class="w-2/3">
+<div class="w-2/3">
 	{#if data.posts.length === 0}
 		<h2 class="py-8 text-6xl font-semibold text-gray-300 italic opacity-30">404</h2>
 		<p class="w-2/3 text-gray-300">
@@ -43,5 +42,4 @@
 			<p class="text-sm text-gray-400">{post.description}</p>
 		</div>
 	{/each}
-	</div>
+</div>
-</main>

src/routes/blog/[title]/+page.svelte

@@ -11,7 +11,7 @@
 		</p>
 	</main>
 {:else}
-	<div class="blog-wrapper prose mx-[7.5%] my-[3%]">
+	<div class="blog-wrapper prose">
 		{@html data.post.content}
 	</div>
 {/if}