From 4335a37f0cdb062d9bc8f8356b404c62eb780697 Mon Sep 17 00:00:00 2001 From: Raghuram Subramani Date: Sat, 9 Aug 2025 22:59:40 +0530 Subject: projects: index: use a grid, and make all elements the same height --- tailwind_in.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'tailwind_in.css') 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; } } -- cgit v1.2.3