From 0c782558475be525e65b3951f923d18c5edce177 Mon Sep 17 00:00:00 2001
From: pheralb <pablohdez4340@gmail.com>
Date: Thu, 18 Sep 2025 16:11:30 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Update=20container=20and=20grid?=
 =?UTF-8?q?=20components=20for=20improved=20responsive=20design?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/container.svelte | 2 +-
 src/components/grid.svelte      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/container.svelte b/src/components/container.svelte
index 799d6d2..814dda2 100644
--- a/src/components/container.svelte
+++ b/src/components/container.svelte
@@ -6,6 +6,6 @@
     $props();
 </script>
 
-<div class={cn("container mx-auto px-4", className)}>
+<div class={cn("container mx-auto px-6 lg:px-4", className)}>
   {@render children?.()}
 </div>
diff --git a/src/components/grid.svelte b/src/components/grid.svelte
index 953c2da..ad35050 100644
--- a/src/components/grid.svelte
+++ b/src/components/grid.svelte
@@ -13,7 +13,7 @@
 
 <div
   class={cn(
-    "grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5",
+    "grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5",
     columns === "4" && "lg:grid-cols-3 xl:grid-cols-4",
     columns === "3" && "lg:grid-cols-2 xl:grid-cols-3",
     columns === "2" && "md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-2",