Overview (Grid)

An overview of the layout system for working with grids, in which child elements are positioned by row and column indices and span one or more rows and columns.

  1. A parent element can arrange its children into a grid (layout-type: grid).

layout_type

  1. The rows and columns of a grid can be expressed in pixels, percentage, stretch, or auto.

  2. A child element specifies its position with a row index and column index.

  3. A child element specifies its size by spanning a number of rows and columns.