grid-intrinsic-track-sizes-min-size-001.html (868B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Grid Layout Test: Test that spanning grid items with auto size that should not have content-based automatic minimum size.</title> 4 <link rel="match" href="../../reference/ref-filled-green-100px-square.xht"> 5 <link rel="help" href="https://drafts.csswg.org/css-grid-2/#intrinsic-sizes"/> 6 <link rel="author" title="Emily McDonough" href="mailto:emcdonough@mozilla.com"/> 7 <style> 8 .grid{ 9 display: inline-grid; 10 grid-template-columns: minmax(auto,0) minmax(auto,0); 11 background: red; 12 height: 100px; 13 } 14 .t{ 15 grid-column: 1 / span 2; 16 border-inline: 50px solid green; 17 min-width: 0; 18 } 19 .inner{ 20 display: inline-block; 21 width: 100px; 22 height: 10px; 23 } 24 </style> 25 26 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 27 <div class="grid"> 28 <div class="t"><div class="inner"></div></div> 29 </div>