Flex is a set of rules for automatically stretching multiple columns and rows
of content across parent container.
…rous layouts are either achievable or easier with CSS grid than they were with tables. For example, a grid container’s children could place themselves so they truly overlap and layer, alike CSS positioned elements.
CSS Grid outshines at dividing a page into several sections or defining the correlation in terms of size, position, and layer.