Application

The Grid CSS layout model is used for the Grid Container. This is used to arrange, align and distribute elements in rows and columns.

During positioning, the system switches from absolute positioning to relative positioning. This makes it easier to implement responsive approaches.

Sample:

Setting the "Grid layout" property

{
  "alignItems": "Center",
  "gridTemplateColumns": "1fr 1fr",
  "gridTemplateRows": "1fr 1fr",
  "justifyItems": "Center"
}