row-auto-repeat-024-ref.html (355B)
1 <!DOCTYPE html> 2 <html> 3 <style> 4 .grid { 5 display: grid; 6 grid-template-rows: repeat(8, 50px); 7 width: 200px; 8 height: 500px; 9 gap: 10px; 10 } 11 12 .grid > div { 13 height: 100%; 14 width: 100px; 15 background-color: orange; 16 } 17 </style> 18 <div class="grid"> 19 <div style="grid-row: span 3;"></div> 20 <div style="grid-row: -1;"></div> 21 </div> 22 </html>