When and How To Use CSS Grid in Production

5 scenarios where you may want to use CSS grids

Capture created by Author

Browser segmentation is always a problem when using CSS features. Under the assumption that a browser might not support some layout features, we tend to fall back to the most widely supported ones.

There is the wrong assumption that the support for grid is very low. Developers tend to use Flexbox sometimes because they are unsure and uneasy to leave their comfort zone. The Flex layout is so awesome and flexible that lets you build anything with it. However, it might not be the right tool for the right job. That will translate to a less readable code and more boilerplate.

You should not use it just because it works but because it’s meant to solve your use case.

The support for Grid’s basic functionality is around roughly 95%. That is amazing news. We can assume that it's production-ready. At least the basic functionalities. Grid is not yet feature-complete, and it’s still evolving.

When should we use Grid? What benefits does it bring?

Here we will be looking at when and how to use it.

When Should We Use Grid?

Although Grid and Flex might look redundant at first, Grid does really shine in some…