From eee0148d96a222251aed41e245d3a1ddb81d8044 Mon Sep 17 00:00:00 2001
From: patrickpoole <patrickcpoole@gmail.com>
Date: Sat, 27 Jan 2024 14:24:14 -0700
Subject: [PATCH] card sections now have the same fixed height and a justify
 between flex property so they look more uniform and consistent

---
 layouts/partials/card.html | 45 +++++++++++++++++++-------------------
 1 file changed, 23 insertions(+), 22 deletions(-)

diff --git a/layouts/partials/card.html b/layouts/partials/card.html
index 9ac149a55..6bc0bc009 100644
--- a/layouts/partials/card.html
+++ b/layouts/partials/card.html
@@ -1,26 +1,27 @@
+{{/* hover:drop-shadow-[0_0_2px_rgba(249,115,22,1) */}}
 
+<article
+	class="max-w-sm overflow-hidden shadow-xl bg-gray6 y-6 hover:scale-105 rounded-xl transition-transform ease-in-out duration-500"
+>
+	<a href="{{ .context.RelPermalink }}" class="no-underline">
+		{{/* if img is defined, use it, otherwise default */}} {{ $img := cond
+		(isset . "img") .img (print .context.RelPermalink "img/featured.webp") }}
+		{{/* make sure file exists */}} {{ $img := cond (fileExists $img) $img
+		"/img/default-cover.webp" }}
 
-{{/*  hover:drop-shadow-[0_0_2px_rgba(249,115,22,1)  */}}
+		<img
+			class="w-full m-0 mb-1 rounded-t-xl"
+			src="{{ $img }}"
+			alt="{{ .context.Title }}"
+		/>
 
-
-<article class="max-w-sm overflow-hidden shadow-xl bg-gray6 y-6 hover:scale-105 rounded-xl transition-transform ease-in-out duration-500">
-    <a href="{{ .context.RelPermalink }}" class="no-underline">
-
-        {{/*  if img is defined, use it, otherwise default  */}}
-        {{ $img := cond (isset . "img") .img (print .context.RelPermalink "img/featured.webp") }}
-        {{/*  make sure file exists  */}}
-        {{ $img := cond (fileExists $img) $img "/img/default-cover.webp" }}
-
-        <img class="w-full m-0 mb-1 rounded-t-xl" src="{{ $img }}" alt="{{ .context.Title }}">
-
-        <section class="p-5">
-                <h5>{{ .context.Title }}</h5>
-                <p class="text-gray3 min-h-[100px]">{{ .context.Description }}</p>
-                {{ range .context.Params.tags }}
-                    <span class="tag tag-{{ . }}">
-                        #{{ . }}
-                    </span>
-                {{ end }}
-        </section>
-    </a>
+		<section class="p-5 min-h-[250px] flex flex-col justify-between">
+			<h5>{{ .context.Title }}</h5>
+			<p class="text-gray3">{{ .context.Description }}</p>
+			<div class="row">
+				{{ range .context.Params.tags }}
+				<span class="tag tag-{{ . }}"> #{{ . }} </span> {{ end }}
+			</div>
+		</section>
+	</a>
 </article>