0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>Great job! But what if we want to stretch a cell across rows as well?</p>
1
<p>Great job! But what if we want to stretch a cell across rows as well?</p>
2
<p>We can use the grid-row-end property to do this. It works in conjunction with grid-row-start and assigns the coordinates we want to the cell.</p>
2
<p>We can use the grid-row-end property to do this. It works in conjunction with grid-row-start and assigns the coordinates we want to the cell.</p>
3
<p>In the example above, the cell starts on row line 2 and ends on row line 4.</p>
3
<p>In the example above, the cell starts on row line 2 and ends on row line 4.</p>
4
<p>The code looks like the following:</p>
4
<p>The code looks like the following:</p>
5
grid-row-start: 2 means that the element starts on row line 2. grid-row-end: 4 means that the element ends on the 4th row line.<p>Now let’s try to lay out our grid item so that it stretches across two rows and two columns at the same time.</p>
5
grid-row-start: 2 means that the element starts on row line 2. grid-row-end: 4 means that the element ends on the 4th row line.<p>Now let’s try to lay out our grid item so that it stretches across two rows and two columns at the same time.</p>