Definition
The grid-row-start CSS property is used in grid layouts to specify the starting position of a grid item along the vertical axis.
The grid-row-start property accepts a value that represents the grid line at which the grid item should start. Grid lines can be identified using line numbers, names of named grid lines, or the span keyword to span across multiple grid tracks.
Here’s an example:
.grid-item {
grid-row-start: 2;
}
In this example, the grid-row-start: 2; rule sets the grid item to start at the second grid line vertically. This means the grid item will begin its placement at the second grid line from the starting position of the grid container along the vertical axis.
The grid-row-start property works in conjunction with grid-row-end to define the vertical range of grid placement for grid items within a grid container. It provides control over the positioning and spanning of grid items along the vertical axis in a grid layout.