How do you span an item across multiple columns or rows?
Spanning Items Across Multiple Columns or Rows in CSS Grid
In CSS Grid, you can make an item span multiple columns or rows using the grid-column and grid-row properties. These properties define how many grid tracks (columns or rows) an item should stretch across.
Key Points
Use
grid-column: start / end;to define which columns an item spans across.Use
grid-row: start / end;to define which rows an item spans across.You can also use the
spankeyword to specify how many tracks the item should cover (e.g.,grid-column: span 2;).Grid lines are numbered starting from 1, and you can mix numbers and the
spankeyword for flexible positioning.
Example: Spanning Columns and Rows