projects: index: use a grid, and make all elements the same height

1 files changed, 3 insertions, 2 deletions

diff --git a/tailwind_in.css b/tailwind_in.css
index bc2813b..9fb4f19 100644
--- a/tailwind_in.css
+++ b/tailwind_in.css
@@ -18,12 +18,13 @@
     @apply h-full bg-pink-100 text-pink-900 hover:bg-zinc-900 hover:text-pink-300 hover:underline border-transparent hover:border-pink-300 border-2 selection:bg-zinc-400;
   }
 
+  /* auto-rows-[1fr] is to make sure that all cards have the same height across rows */
   .card-container {
-    @apply px-16 flex flex-wrap gap-8 items-stretch justify-center;
+    @apply px-16 gap-8 justify-center grid grid-cols-3 auto-rows-[1fr];
   }
   
   .card-anchor {
-    @apply flex-grow flex-shrink basis-128 min-w-64 max-w-128 py-2 px-4 flex flex-col justify-between w-full;
+    @apply max-w-128 py-2 px-4 flex flex-col justify-center;
   }
 }