Tried flexbox for a dashboard layout first, then switched to CSS Grid and cut my media queries from 8 down to 2

I was fighting with a three column stats panel that kept breaking on tablets until I threw it into a grid template with auto-fit and minmax, and suddenly everything just clicked into place without any extra breakpoints has anyone else had that moment where grid just made your layout problems vanish?

2 comments

2 Comments

gonzalez.phoenix9d ago

Yeah flexbox works but grid just lets you set it and forget it with way less code...

leebrown9d ago

Man that's exactly how I feel about it too. Grid just clicks for me in a way that flexbox never quite did, especially when I'm laying out a whole page. Once you wrap your head around the columns and rows it's like everything falls into place without having to tweak margins and paddings over and over again. It just works and you don't have to think about it much after.