There are cases when it's a bit confusing to decide if one should use flexbox or the CSS grid for the layouts. Till a point, both of them are interchangeable. Maybe the best, and the shortest definition of the difference between Flexbox and CSS grid : Flexbox is for one-dimensional layout. A row OR a column. Grid is for two-dimensional layout. Rows AND columns. It's from a tweet of Rachel Andrew (
![When to use CSS grid and when to use flexbox](https://cdn-ak-scissors.b.st-hatena.com/image/square/4fab5951b09298187b0b75643b1b49ea9187c2ac/height=288;version=1;width=512/https%3A%2F%2Fwww.js-craft.io%2F_assets%2Fjs-craft-logo-small.png)