From fe32301c4cdc653df1850dd985829466f790c378 Mon Sep 17 00:00:00 2001
From: "Aritra (Ari) Saharay" <80832201+Ari-S-123@users.noreply.github.com>
Date: Sun, 10 Nov 2024 15:16:06 -0800
Subject: [PATCH] Made the containers and updated tests

---
 src/routes/+page.svelte        | 8 ++++----
 src/tests/routes/+page.test.ts | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index c0b5139..ea6ce25 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -17,7 +17,7 @@
 			<Card.Header>
 				<Avatar.Root
 					aria-label="Picture of Website Author"
-					class="h-96 w-96 rounded-full object-cover border-accent border-4 profile-border self-center"
+					class="h-72 w-72 rounded-full object-cover border-accent border-4 profile-border self-center"
 				>
 					<Avatar.Image src="Professional Profile Pic.jpg" alt="Picture of Ari" />
 					<Avatar.Fallback>Picture of Ari</Avatar.Fallback>
@@ -50,7 +50,7 @@
 			</Card.Footer>
 		</Card.Root>
 		<div class="flex flex-col items-center justify-evenly gap-2">
-			<ScrollArea data-testid="Scroll Area" class="h-52 max-w-3xl rounded-md border">
+			<ScrollArea data-testid="Scroll Area" class="h-44 max-w-2xl rounded-md border">
 				<div class="p-4">
 					<h4 class="mb-4 text-xl font-bold leading-none">Experiences</h4>
 					{#each experiences as experience}
@@ -59,7 +59,7 @@
 					{/each}
 				</div>
 			</ScrollArea>
-			<ScrollArea data-testid="Scroll Area" class="h-52 max-w-3xl rounded-md border">
+			<ScrollArea data-testid="Scroll Area" class="h-44 max-w-2xl rounded-md border">
 				<div class="p-4">
 					<h4 class="mb-4 text-xl font-bold leading-none">Web Dev Projects</h4>
 					{#each webDevProjects as webDevProject}
@@ -68,7 +68,7 @@
 					{/each}
 				</div>
 			</ScrollArea>
-			<ScrollArea data-testid="Scroll Area" class="h-52 max-w-3xl rounded-md border">
+			<ScrollArea data-testid="Scroll Area" class="h-44 max-w-2xl rounded-md border">
 				<div class="p-4">
 					<h4 class="mb-4 text-xl font-bold leading-none">DataViz Projects</h4>
 					{#each dataVizProjects as dataVizProject}
diff --git a/src/tests/routes/+page.test.ts b/src/tests/routes/+page.test.ts
index e056632..12c10e4 100644
--- a/src/tests/routes/+page.test.ts
+++ b/src/tests/routes/+page.test.ts
@@ -19,8 +19,8 @@ describe('Profile Card', () => {
 		render(Page);
 		const avatarContainer = screen.getByLabelText('Picture of Website Author');
 		expect(avatarContainer).toHaveClass(
-			'h-96',
-			'w-96',
+			'h-72',
+			'w-72',
 			'rounded-full',
 			'object-cover',
 			'border-accent',