CSS Grid lets you exercise even greater control by specifying the placement of individual grid items.
You can use grid line numbers to control how items are placed, by applying properties directly to a grid item.
This gives you precise control over grid item placement, size and order.
grid-column-start and grid-row-start specify the line where the item begins.
grid-column-end and grid-row-end specify the line where the item ends.
Grid lines also have negative indexes. You can reference grid lines starting from the far right or bottom edges of the grid, using negative line numbers.
Grid layout also has a shorthand syntax for positioning items by line number.