Line-based placement positions a grid item by designating the lines that bound it, numbered from 1, with grid-column and grid-row. The item can span several tracks with span. It lets you overlap or stretch items precisely.
Example
grid-column: 1 / 3; /* from line 1 to line 3 */
grid-row: span 2;