Summary

We’ve now analyzed some example use cases for CSS Grid and Flexbox. It is essential to remember that both tools have advantages and disadvantages when aligning elements. The development community has jumped onto CSS Grid just like it did with Flexbox once it appeared on the scene. There is an old saying: if the only tool you know is a hammer, every problem starts to look like a nail. However, we must remember that we can use any tool in our toolbox as long as it fits our needs.

We’ll look at the design and UX perspective in the next chapter again. We’ll learn about the general benefits of using grid layouts and where not to use them. Sometimes, it is best to abandon the known tools and take a different route.