row-flex-spanning-items-ref.html (360B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <style> 4 #grid { 5 display: grid; 6 grid-template-rows: 1fr 30px; 7 border: 10px solid fuchsia; 8 height: min-content; 9 } 10 #item { 11 grid-row: 1 / span 2; 12 } 13 #filler { 14 height: 300px; 15 width: 50px; 16 background: aqua; 17 } 18 </style> 19 <div id="grid"> 20 <div id="item"> 21 <div id="filler"></div> 22 </div> 23 </div>