temp

src/routes/+page.svelte

@@ -22,16 +22,14 @@
 	</div>
 {/snippet}
 
-<div class="flex flex-col items-center px-6 md:px-12">
+<div class="grid grid-cols-1 gap-8 px-6 md:grid-cols-2 md:px-12">
-	<div class="lg:py-48">
+	<div class="col-span-full lg:py-36">
 		<Hero photo={about.photo.url} titles={about.titles} name={about.name} description={about.bio} />
 	</div>
-	<div class="grid grid-cols-1 gap-8 md:grid-cols-2">
+	<div class="col-span-full">
-		<div class="col-span-full">
+		<h2 class="border-primary w-fit border-b text-2xl font-light">What I Do</h2>
-			<h2 class="border-primary w-fit border-b text-2xl font-light">What I Do</h2>
-		</div>
-		{#each about.activities as activity (activity.title)}
-			{@render Activity(activity)}
-		{/each}
 	</div>
+	{#each about.activities as activity (activity.title)}
+		{@render Activity(activity)}
+	{/each}
 </div>

src/routes/resume/+page.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import dayjs from 'dayjs';
 	import type { PageProps } from './$types';
+	import { Briefcase, Heart, Zap } from 'lucide-svelte';
 
 	let { data }: PageProps = $props();
 
@@ -59,7 +60,7 @@
 	</div>
 {/snippet}
 
-<div class="grid w-fit gap-4 px-6 py-6 sm:px-8 sm:py-4 lg:grid-cols-2">
+<div class="grid w-full gap-4 px-6 py-6 sm:px-8 sm:py-4 lg:grid-cols-2">
 	<!-- Experience -->
 	<div class="col-span-full">
 		<div class="flex flex-col gap-1">