grid-img-item-percent-max-height-001.html (602B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Grid Layout Test: % max height of grid items</title> 4 <link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org"> 5 <link rel="help" href="https://drafts.csswg.org/css-grid/#grid-item-sizing"> 6 <link rel="match" href="../../reference/ref-filled-green-100px-square-only.html"> 7 <meta name="assert" content="% max-height of replaced grid items is respected"> 8 9 <p>Test passes if there is a filled green square.</p> 10 11 <div style="display: grid; grid-template-rows: 200px;"> 12 <img src="support/200x200-green.png" style="max-height: 50%;"> 13 </div>