Last updated on

The grid-row-span property defines the number of rows the item will occupy. If not specified, the item will only occupy its own cell. A positive value will expand the item to next rows. The grid-column-span property is the same except it extends an item across multiple columns.

If you’re familiar with <table> layout, think of it like how colspan or rowspan attributes works on table cells.

.element {
  grid-row-span | grid-column-span:  [DEFAULT: 1]
}

Related

Browser Support

Chrome Safari Firefox Opera IE Android iOS
none none none none 10+ none none

Support coming in WebKit and Gecko (currently in some nightly builds).