Learn Grid Now, Container Queries Can Wait

June 24, 2024

There’s no rush to rip out all your media queries, and replace them with containers. You’ll be fine waiting for widely available support and your next scheduled re-factor.But if you’re still avoiding grid – whatever your reasons – you are, in fact, missing out. CSS grid is one of the best features in CSS, and one of the biggest time-savers on every site we build.I can imagine it’s hard to re-write a system built on flexbox. Flexbox is a great feature, and part of the web platform. What more do you need?But flexbox is designed for content-out distribution, not system-wide page layouts. Using flexbox alone is like only using inline text, without paragraphs, divs, and other block elements. You’re using half the system, and it’s the more complicated half to manage.

Source: Learn Grid Now, Container Queries Can Wait | OddBird

Last week at Code Erin Zimmer asked ‘do we even need Flex anymore‘ (her answer was yes!) and investigated where and when grid and flex are most appropriate for layout.

Miriam Suzanne, instrumental in getting container queries into CSS here encourages wider adoption of grid, ahead of ubiquitous support for container queries.