Place playlist above demos in compact stacked cards

README.md

@@ -23,18 +23,16 @@ Joining this HF organization does not register you for the event. Reserve your t
 
 ## Help build the party
 
-<div class="not-prose grid grid-cols-1 sm:grid-cols-2 gap-4 my-4">
-  <a href="https://huggingface.co/spaces/OpenTogether/community-playlist" class="block rounded-xl border border-gray-200 bg-gray-50 p-5 no-underline hover:border-yellow-400 dark:border-gray-700 dark:bg-gray-900">
-    <div class="text-2xl mb-2">🎵</div>
-    <div class="text-lg font-bold mb-2">Open a PR on the playlist →</div>
+<div class="not-prose grid grid-cols-1 gap-3 my-4">
+  <a href="https://huggingface.co/spaces/OpenTogether/community-playlist" class="block rounded-xl border border-gray-200 bg-gray-50 p-4 no-underline hover:border-yellow-400 dark:border-gray-700 dark:bg-gray-900">
+    <div class="text-lg font-bold mb-2">🎵 Open a PR on the playlist →</div>
     <div class="text-sm text-gray-600 dark:text-gray-300">Help choose the soundtrack. Propose a song, join the conversation, and build the community playlist.</div>
-    <div class="text-sm font-semibold mt-3">Open now · Sign in with HF</div>
+    <div class="text-sm font-semibold mt-2">Open now · Sign in with HF</div>
   </a>
-  <a href="https://huggingface.co/spaces/OpenTogether/community-demos" class="block rounded-xl border border-gray-200 bg-gray-50 p-5 no-underline hover:border-yellow-400 dark:border-gray-700 dark:bg-gray-900">
-    <div class="text-2xl mb-2">🚀</div>
-    <div class="text-lg font-bold mb-2">Apply for a community demo →</div>
+  <a href="https://huggingface.co/spaces/OpenTogether/community-demos" class="block rounded-xl border border-gray-200 bg-gray-50 p-4 no-underline hover:border-yellow-400 dark:border-gray-700 dark:bg-gray-900">
+    <div class="text-lg font-bold mb-2">🚀 Apply for a community demo →</div>
     <div class="text-sm text-gray-600 dark:text-gray-300">Bring your public HF Space to the community showcase. Share what you're building with fellow AI builders.</div>
-    <div class="text-sm font-semibold mt-3">Apply by October 2 · 11:59 PM Pacific</div>
+    <div class="text-sm font-semibold mt-2">Apply by October 2 · 11:59 PM Pacific</div>
   </a>
 </div>