La regola semplice: Grid per layout bidimensionali (righe E colonne), Flexbox per layout unidimensionali (righe O colonne). Non c'è altro da sapere come punto di partenza.
Casi pratici: la griglia principale della pagina? Grid. La row di icone in un card? Flexbox. Il layout a tre colonne del blog? Grid. Il menu di navigazione? Flexbox.
L'unica eccezione: quando ho bisogno che gli elementi si avvolgano su righe multiple con spaziatura controllata, Flexbox con flex-wrap è spesso più predicibile di Grid per quel caso specifico.