Stretch team cards to equal row height and enlarge duty tags

This commit is contained in:
tleininger committed 2026-10-01 16:11:43 +02:00
1 parent 602f258257
commit 0257b2e30b
1 file changed
+3 -4
+3 -4
View File
@@ -873,12 +873,11 @@ h1:focus {
a normal heading; every group is a block of its own. One raster for all of them,
so the cards line up across groups: a group of one person gets the same card
width as a group of six, not a stretched one. 17rem fits a long double name.
align-items: start lets every card be as tall as its content -- a card without
duties is not stretched to its neighbour's height. */
The cards of a row share one height (the grid's default stretch), so a row reads
as a calm band; the card itself keeps its content at the top (align-content). */
.markdown-body .team > ul {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
align-items: start;
gap: var(--space-3);
max-width: none;
margin: 0 0 var(--space-4);
@@ -976,7 +975,7 @@ h1:focus {
border: 1px solid var(--color-border);
border-radius: var(--radius-sm);
color: var(--color-text-soft);
font-size: 0.8rem;
font-size: 0.85rem;
}
.markdown-body .team-note {