diff --git a/src/components/container.svelte b/src/components/container.svelte
index f242427..aa71327 100644
--- a/src/components/container.svelte
+++ b/src/components/container.svelte
@@ -1,3 +1,3 @@
-<div class="container mx-auto px-6 pt-4 md:px-0">
+<div class="container mx-auto px-6 pt-4 xl:px-4">
   <slot />
 </div>
diff --git a/src/components/grid.svelte b/src/components/grid.svelte
index 2e47951..14f8d22 100644
--- a/src/components/grid.svelte
+++ b/src/components/grid.svelte
@@ -1,3 +1,5 @@
-<div class="mt-4 grid grid-cols-1 gap-4 md:grid-cols-6">
+<div
+  class="mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-6"
+>
   <slot />
 </div>