<!DOCTYPE html> <link rel="match" href="../../reference/ref-filled-green-100px-square.xht"> <link rel="help" href="https://drafts.csswg.org/css-grid-2/#algo-overview"> <meta name="assert" content="Tests the min-content contribution is using the correct block-size."> <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> <div style="display: inline-grid; background: green; height: 100px; grid-template-rows: 50px;"> <div style="height: 100%;"> <!-- This height should resolve against 50px - not 100px --> <canvas width="20" height="10" style="height: 100%;"> </div> </div>