1. Create and divide grid containers (1)
1. Create and divide grid containers (2)
Set the number and size of cells(1)
Set the number and size of cells(2)
Divide cells using default grid lines(1)
Divide cells using default grid lines(2)
Divide cells using named grid lines
Named grid lines automatically add indexes when setting cells repeatedly
Populate items into the default grid area
Populate items into a named grid area
Populate items into grid area placeholders
Named grid area lines default name
Set the alignment of all items in the container(1)
Set the alignment of all items in the container(2)
Set the alignment of all items in the cell
Set the alignment of all items within the grid area
Set the alignment of an item within a cell or grid area
Set the spacing between rows and columns in the container
Thoroughly master the principles, common attributes, and application scenarios of Grid layout, and say goodbye to "layout phobia"