KandZ – Tuts

We like to help…!

CSS 21 💻 grid-row-start, grid-column-start, grid-row-end and grid-column-end properties

a - grid-row-start and grid-column-start properties
grid-row-start specifies where a grid item should start within a grid row
values → auto(next available row), integer, span #n
grid-row-start: 2; → Places the grid item at the start of row 2
grid-column-start specifies where a grid item should start within a grid column
values → auto(next available row), integer, span #n
grid-column-start: 3; → Places the grid item at the start of column 3

b - grid-row-end and grid-column-end properties
grid-row-end specifies where a grid item ends within a grid row.
values → auto(next available row), integer, span #n
grid-row-end: 4; → Places the grid item at the end of row 3
grid-column-end specifies where a grid item ends within a grid column.
values → auto(next available row), integer, span #n
grid-column-end: 4; → Places the grid item at the end of column 3

Leave a Reply