row-flex-spanning-items.html (738B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Grid Lanes Layout Test: Intrinsic sizing with spanning flex items in a min-content container</title> 4 <link rel="match" href="row-flex-spanning-items-ref.html"/> 5 <link rel="help" href="https://drafts.csswg.org/css-grid-2/#intrinsic-sizes"/> 6 <link rel="author" title="Alison Maher" href="mailto:almaher@microsoft.com"/> 7 <style> 8 #grid-lanes { 9 display: grid-lanes; 10 grid-lanes-direction: row; 11 grid-template-rows: 1fr 30px; 12 border: 10px solid fuchsia; 13 height: min-content; 14 } 15 #item { 16 grid-row: 1 / span 2; 17 } 18 #filler { 19 height: 300px; 20 width: 50px; 21 background: aqua; 22 } 23 </style> 24 <div id="grid-lanes"> 25 <div id="item"> 26 <div id="filler"></div> 27 </div> 28 </div>