Adjustment to layout

src/components/council/CouncilCard.svelte

@@ -37,7 +37,9 @@
 			</span>
 		{/if}
 	</div>
-	<div class="flex flex-col items-center justify-center gap-2 p-3 text-center sm:p-4">
+	<div
+		class="flex flex-col items-center justify-center gap-2 px-2 py-3 text-center sm:px-3 sm:py-4"
+	>
 		<h3 class="text-ecsess-50 line-clamp-2 w-full text-base leading-tight font-bold sm:text-lg">
 			{name}
 		</h3>

src/routes/council/+page.svelte

@@ -129,18 +129,14 @@
 				</h2>
 				<div class="bg-ecsess-300 h-0.5 flex-1" aria-hidden="true"></div>
 			</div>
-			<div class="mt-8 flex flex-wrap justify-center gap-4">
+			<div class="mt-8 flex flex-wrap justify-center gap-6">
 				{#each vps as vp}
-					<div
-						class="flex min-w-full justify-center sm:min-w-[calc(50%-0.5rem)] lg:min-w-[calc(33.333%-0.67rem)] xl:min-w-[calc(25%-0.75rem)]"
-					>
 					<CouncilCard
 						name={vp.name}
 						position={vp.position}
 						image={vp.image}
 						onViewProfile={() => handleViewProfile(vp)}
 					/>
-					</div>
 				{/each}
 			</div>
 		</section>
@@ -154,11 +150,8 @@
 				</h2>
 				<div class="bg-ecsess-300 h-0.5 flex-1" aria-hidden="true"></div>
 			</div>
-			<div class="mt-8 flex flex-wrap justify-center gap-4">
+			<div class="mt-8 flex flex-wrap justify-center gap-6">
 				{#each ureps as urep}
-					<div
-						class="flex min-w-full justify-center sm:min-w-[calc(50%-0.5rem)] lg:min-w-[calc(33.333%-0.67rem)] xl:min-w-[calc(25%-0.75rem)]"
-					>
 					<CouncilCard
 						name={urep.name}
 						position={urep.position}
@@ -166,7 +159,6 @@
 						onViewProfile={() => handleViewProfile(urep)}
 						tag={getYearFromPosition(urep.position)}
 					/>
-					</div>
 				{/each}
 			</div>
 		</section>