When I've witnessed Flexbox and Grid (esp. templates) for the first time I liked Grid more, but as I've seen Flexbox more commonly used in the industry
I built a web framework in 2005 based on table layouts. Years later I switched to Flex (when it was available, and when Grid was still poorly supported.) Some years ago I switched to Grid because it was more generally supported.
So I expect that what you are mostly seeing is the evolution of CSS, from table to flexbox to grid. Table has no real responsiveness (to screen size), Flex does it _really_ well (especially for cases where the target is both PC and Phone etc.) But it has some limitations (mostly for me around column widths and the concept of "relative" column widths.)
Grid is really nice, it's a lot more like tables in concept, but at the same time has responsive abilities. These days I'm grid-first, although there are still a few places (depending on context) where flex is more appropriate.
Of course flex is also more "well known" (because it's older.) I feel a lot more comfortable there still, and until we have sub-grids I'm also a fan of using Grid layout for the "outside" and using Flex inside specific cells.
I love grid because it allow me to position elements anywhere in the grid without needing wrapper elements like with flex/float. That allow nearly full freedom in layouting the same HTML for different complex layouts targeting different screen width.
Though while grid borrowed a lot of ideas from flex, the creative usage of the grid template is so vast that you probably need to also learn by examples.
Depends on the content and amount of content. I would say you can do the same layout with both. The main advantage of grid and named layouts is that you can move them anywhere you want. You are not bound by the order of html elements.
When I learnt css for the first time, floats was the standard
10 years later, kind of, I got back into web dev and css and learnt about flexbox, what an incredible difference. I was so thankful I wouldn't have to deal with floats ever again
I remember my first web dev job was right before flexbox usable in all major browsers - I can't remember which one was last but the day that it was released was glorious because it meant no more float based layouts at that job.
When I've witnessed Flexbox and Grid (esp. templates) for the first time I liked Grid more, but as I've seen Flexbox more commonly used in the industry