Just dumped flexbox for grid on a client nav, way smoother

Had a product grid where images were different heights, flexbox made cards stretch all weird. Grid with align-items: start and a fixed min-height on the card fixed it in one go. Has anyone else stopped fighting flex and just switched to grid for card layouts?

1 comments

1 Comment

jade6187d agoMost Upvoted

It's funny you mention "stopped fighting flex" because that's exactly what I did with a testimonial section. Flex kept making the quote boxes uneven no matter what I tried, but grid with a set min-height and `align-items: stretch` looked clean right away. I still use flex for navs and toolbars, but for anything card-shaped now, I just go straight to grid.