16
I was at the An Event Apart conference in Chicago when I saw a talk that made me drop flexbox for good.
The speaker, Rachel Andrew, showed how to build a full magazine layout with CSS Grid in about 20 lines of code. She used `grid-template-areas` to map out the whole page visually, something that would have taken me 50 lines of messy flexbox hacks. I went home and rebuilt my main project site that week, cutting my layout CSS in half. Has anyone else fully switched from flexbox to grid for page-level layouts, or do you still mix them?
2 comments
Log in to join the discussion
Log In2 Comments
matthewbarnes6d ago
Oh man, that's awesome. I still use flexbox for small stuff, like lining up buttons in a nav bar. But for any real layout, grid is just way cleaner. That template areas thing is a total game changer for seeing what you're building.
6
betty_shah5d ago
Totally agree, grid makes everything so much easier to picture lol.
6