0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>Now it is time to order the element in the third row. We will place the article block as well as part of the review block in it.</p>
1
<p>Now it is time to order the element in the third row. We will place the article block as well as part of the review block in it.</p>
2
<p>As you may have already guessed, the article block, like the promo block, occupies the first two columns.</p>
2
<p>As you may have already guessed, the article block, like the promo block, occupies the first two columns.</p>
3
<p>However, unlike the promo block, here we can’t establish fixed element sizes, since the height of both blocks, meaning the ones for the articles and reviews, should not be restricted. Why is that? You guessed it: because they both contain text content that is subject to change.</p>
3
<p>However, unlike the promo block, here we can’t establish fixed element sizes, since the height of both blocks, meaning the ones for the articles and reviews, should not be restricted. Why is that? You guessed it: because they both contain text content that is subject to change.</p>
4
<p>Please note that for a grid line whose size is automatically determined, the height is determined by the height of the highest grid item, and the remaining grid items that are also located on this grid line are stretched to match its height.</p>
4
<p>Please note that for a grid line whose size is automatically determined, the height is determined by the height of the highest grid item, and the remaining grid items that are also located on this grid line are stretched to match its height.</p>
5
<p>Let’s control how the third non-fixed row in our grid will be stretched if another blog article appears in the markup.</p>
5
<p>Let’s control how the third non-fixed row in our grid will be stretched if another blog article appears in the markup.</p>
6
<p>Please not that we didn’t add anything to the grid-template-rows since the sizes of the remaining rows are set automatically by default. However, this will suit us for the moment.</p>
6
<p>Please not that we didn’t add anything to the grid-template-rows since the sizes of the remaining rows are set automatically by default. However, this will suit us for the moment.</p>