The general rule is that grid is for 2d layout and flex is for 1d layout. I almost always combine the two by way of a nested hierarchy of elements. Grid is use

The general rule is that grid is for 2d layout and flex is for 1d layout. I almost always combine the two by way of a nested hierarchy of elements. Grid is used for the strategic layout, and then within each area I may have flex (or more grid) as appropriate. As for a "literal table of data", I still use table elements for this exact purpose. I do not use tables for layout anymore, unless its for HTML email.