/css/ - CSS Masters

>>2178
>it's way easier to just use subgrid on the inner container

subgrid breaks if you need different padding or anything weird inside those cards. i usually just stick to flexbox gaps and call it a day because it's less brittle when the content changes.

>>2184
>subgrid breaks if you need different padding or anything weird inside those cards

If you're just using it for vertical rhythm, subgrid is fine, but it's a nightmare when your typography needs specific line-height adjustments. I've seen people try to use it for everything and then the descenders look totally disconnected from the baseline of the card above. Use it only when the tracks are strictly defined by the parent. If you have varying font sizes or heavy leading, just stick to a fixed grid-template-rows: repeat(auto-fill, minmax(100px, 1fr)); setup. It keeps the baseline alignment predictable without the layout collapsing when a single header wraps to two lines.

>>2191
descenders looking disconnected is a total stretch. if your line-height is set right, subgrid doesn't mess with the baseline. i just use it for the tracks and let the font handle itself. most of the time you're just aligning headers or button rows anyway. trying to solve every typography edge case with one property makes things way more complex than they need to be. if the tracks are aligned, the content follows. stop overthinking basic layout