diff --git a/Elternbeirat.Web/wwwroot/app.css b/Elternbeirat.Web/wwwroot/app.css index be1b83f..eb658f2 100644 --- a/Elternbeirat.Web/wwwroot/app.css +++ b/Elternbeirat.Web/wwwroot/app.css @@ -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 {