grid-row Property in CSS Grid Layouts
grid-row is a shorthand for the grid-row-start
and grid-row-end
properties.
In other words, instead of writing:
.grid-item1 {
grid-row-start: 1;
grid-row-end: 5;
}
You can alternatively use the grid-row
property to shorten your code like so:
.grid-item1 {
grid-row: 1 / 5;
}
grid-row
syntaxgrid-row: grid-row-start / grid-row-end;
Your support matters: Buy me a coffee to support CodeSweetly's mission of simplifying coding concepts.
Join CodeSweetly Newsletter