From f3fa56556c4bf41fccadd37a540193cee6f1f0a1 Mon Sep 17 00:00:00 2001
From: silberengel <silberengel7@protonmail.com>
Date: Sun, 13 Jul 2025 09:41:06 +0200
Subject: [PATCH] make columns more responsive

---
 src/lib/components/PublicationFeed.svelte   | 4 +---
 src/lib/components/PublicationHeader.svelte | 2 +-
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/PublicationFeed.svelte b/src/lib/components/PublicationFeed.svelte
index a490c0e..62d4fc3 100644
--- a/src/lib/components/PublicationFeed.svelte
+++ b/src/lib/components/PublicationFeed.svelte
@@ -202,8 +202,7 @@
   });
 </script>
 
-<div class="leather">
-  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 w-full">
     {#if loading && eventsInView.length === 0}
       {#each getSkeletonIds() as id}
         <Skeleton divClass="skeleton-leather w-full" size="lg" />
@@ -244,4 +243,3 @@
       >
     </div>
   {/if}
-</div>
diff --git a/src/lib/components/PublicationHeader.svelte b/src/lib/components/PublicationHeader.svelte
index 685449e..b4e9a4d 100644
--- a/src/lib/components/PublicationHeader.svelte
+++ b/src/lib/components/PublicationHeader.svelte
@@ -57,7 +57,7 @@
 
 {#if title != null && href != null}
   <Card
-    class="ArticleBox card-leather max-w-md h-48 flex flex-row items-center space-x-2"
+    class="ArticleBox card-leather max-w-md h-48 flex flex-row items-center space-x-2 relative overflow-hidden"
   >
     {#if image}
       <div