rubberducky/milinda-pitch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: stretch grid item height for category card

Browse Source
This commit is contained in:
Tim Rijkse
2026-01-15 14:18:29 +01:00
parent 846cfeef55
commit 968d2036b4
2 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
css/styles.css
View File

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

2
js/components/category-card.js
View File

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