CSS Grid Layout excels at dividing a page into major regions or defining the relationship in terms of size, position, and layer, between parts of a control built from HTML primitives.

Unlike Flexbox which is 1-dimensional, Grid allows you to build layout rules across both rows and columns.