Made card grids not ass

src/pages/talks.astro

@@ -12,9 +12,25 @@ import { config } from "../config";
             Talks
         </h1>
         <div
-            class="flex flex-row flex-wrap justify-center gap-4 sm:gap-6 max-w-6xl mx-auto"
+            class:list={[
+                config.talks.length <= 2
+                    ? "flex flex-wrap justify-center gap-4 sm:gap-6 max-w-6xl mx-auto px-4"
+                    : "columns-1 sm:columns-2 lg:columns-3 gap-4 sm:gap-6 max-w-6xl mx-auto px-4",
+            ]}
         >
-            {config.talks.map((talk) => <TalkCard talk={talk} />)}
+            {
+                config.talks.map((talk) => (
+                    <div
+                        class:list={[
+                            config.talks.length <= 2
+                                ? "w-full sm:w-96"
+                                : "inline-block break-inside-avoid w-full",
+                        ]}
+                    >
+                        <TalkCard talk={talk} />
+                    </div>
+                ))
+            }
         </div>
 
         {