diff options
Diffstat (limited to 'tailwind_in.css')
| -rw-r--r-- | tailwind_in.css | 5 |
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; } } |