Nice article ...in short Use flex for one dimensionl group of things ie things that need to be placed in a row only, or things that need to be placed column only. ie nav bar = things in a row. With flex you cannot control both row and column.
Use CSS grid for 2 dimensional placement where you want to cotrol the row and column placements. ie the complex layouts of a website.
In flex box you can acheive many things that CSS grid can do, but you have to start nesting containers, which ends up over complicating.
Nice article ...in short Use flex for one dimensionl group of things ie things that need to be placed in a row only, or things that need to be placed column only. ie nav bar = things in a row. With flex you cannot control both row and column.
Use CSS grid for 2 dimensional placement where you want to cotrol the row and column placements. ie the complex layouts of a website.
In flex box you can acheive many things that CSS grid can do, but you have to start nesting containers, which ends up over complicating.
Great recap!