From ff3af380f89d845e8fe44abab9f9b7a765ec4dd6 Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Fri, 3 Jul 2026 16:20:55 -0700
Subject: [PATCH] Make featured content a grid

---
 src/app/components/SpaceFeaturedContent.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/components/SpaceFeaturedContent.svelte b/src/app/components/SpaceFeaturedContent.svelte
index b5d3a4a6..1bc18338 100644
--- a/src/app/components/SpaceFeaturedContent.svelte
+++ b/src/app/components/SpaceFeaturedContent.svelte
@@ -25,7 +25,7 @@
 </script>
 
 {#if $content.length > 0 || canEdit}
-  <Card class="bg-surface flex flex-col gap-3">
+  <Card class="bg-surface flex flex-col gap-3 @container">
     <div class="flex items-center justify-between gap-2">
       <h3 class="flex items-center gap-2 text-lg font-bold">
         <Icon icon={Bookmark} />
@@ -40,7 +40,7 @@
     {#if $content.length === 0}
       <p class="text-sm opacity-70">No featured content yet.</p>
     {:else}
-      <div class="flex flex-col gap-2">
+      <div class="grid grid-cols-1 @md:grid-cols-2 gap-2">
         {#each $content as value (value)}
           <Content event={{content: value, tags: []}} {url} />
         {/each}