fix: stretch grid item height for category card

css/styles.css

@@ -428,6 +428,7 @@ site-content {
   grid-template-columns: repeat(2, 1fr);
   gap: var(--spacing-md, 1rem); /* 16px */
   padding-bottom: var(--spacing-md, 1rem);
+  align-items: stretch;
 }
 
 /* ==========================================================================

js/components/category-card.js

@@ -48,12 +48,14 @@ class CategoryCard extends HTMLElement {
       <style>
         :host {
           display: block;
+          height: 100%;
         }
 
         .card {
           display: flex;
           flex-direction: column;
           align-items: center;
+          height: 100%;
           color: inherit;
           padding: var(--spacing-md, 0.875rem) var(--spacing-xs, 0.25rem);
           text-decoration: none;