Grid template areas vs auto-flow, which one wins for article lists?

I spent the past month rebuilding a recipe index for my Portland food blog and kept flip-flopping between grid-template-areas and the auto-flow shorthand. Areas made the hero section look perfect, but when I added 30 cards with different image heights, the rows turned into a mess unless I set minmax on every single line. Auto-flow with dense packing sorted the images fast, but then I lost the ability to pin a featured card to the top left without extra wrapper divs. For a mixed layout like mine, which approach do you lean on, or do you just mix both and deal with the weird gaps?

0 comments

0 Comments

No comments yet

Be the first to share your thoughts on this discussion.