From 903cae13e244c16323e80fbf63fa1e79d9f11cb4 Mon Sep 17 00:00:00 2001
From: bytedream <bytedream@protonmail.com>
Date: Wed, 30 Oct 2024 02:36:22 +0100
Subject: [PATCH] make team responsive

---
 src/routes/team/+layout.svelte | 2 +-
 src/routes/team/+page.svelte   | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/routes/team/+layout.svelte b/src/routes/team/+layout.svelte
index 66498a0..1a85965 100644
--- a/src/routes/team/+layout.svelte
+++ b/src/routes/team/+layout.svelte
@@ -1,3 +1,3 @@
-<div class="m-auto flex flex-col justify-center items-center px-4 py-6 sm:px-48 sm:py-12">
+<div class="m-auto flex flex-col justify-center items-center px-4 py-6 2xl:px-48 sm:py-12">
 	<slot />
 </div>
diff --git a/src/routes/team/+page.svelte b/src/routes/team/+page.svelte
index 3606c8f..d09b3b1 100644
--- a/src/routes/team/+page.svelte
+++ b/src/routes/team/+page.svelte
@@ -41,8 +41,8 @@
 	<title>Craftattack - Team</title>
 </svelte:head>
 
-<h1 class="text-3xl lg:text-5xl mb-4">Das Team</h1>
-<div class="grid grid-cols-3 gap-4 my-4 justify-center">
+<h1 class="text-5xl mb-10">Das Team</h1>
+<div class="grid md:grid-cols-2 xl:grid-cols-3 gap-4 my-4 justify-center">
 	{#each team as member}
 		<div class="card w-96 bg-base-200">
 			<div class="card-body px-4 py-6">