Grid works in cells, by creating the rows and columns. <Grid.RowDefinitions> and <Grid.ColumnDefinitions> define the structure of the Grid. It contains a collection of rows and columns, respectively. Here we have created two rows and three columns (2x3 matrix) using RowDefinition and ColumnDefinition.
When we placed the rectangles inside the Grid, we positioned them in cells by specifying the row and column number by using the attached properties, Grid.Row and Grid.Column. As the index position starts at 0 (zero), the first rectangle placed in the first cell has row index = 0 and column index = 0. Similarly, the sixth/last rectangle has the position Row=1 and Column=2.
You can set the Height of a RowDefinition and the Width of a ColumnDefinition by specifying an absolute value, a percentage value (star sizing), or an automatic sizing. In the preceding example, we used star sizing to define the row and column dimensions.
An absolute value takes an integer to...