The grid-template-areas CSS property specifies named grid areas, establishing the cells in the grid and assigning them names.
|Applies to||grid containers|
grid-template-areas: "a a b" "a a b" "c c b";
The grid container doesn’t define any named grid areas.
A row is created for every separate string listed, and a column is created for each cell in the string. Multiple named cell tokens within and between rows create a single named grid area that spans the corresponding grid cells. Unless those cells form a rectangle, the declaration is invalid.