calc-size-grid-repeat.html (579B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://drafts.csswg.org/css-values-5/#calc-size"> 3 <link rel="match" href="../../reference/ref-filled-green-100px-square-only.html"> 4 <p>Test passes if there is a filled green square.</p> 5 <div style="width: fit-content; background: green; height: 100px;"> 6 <!-- During the min/max content size calculation, the min-content isn't resolvable. --> 7 <div style="box-sizing: border-box; padding: 5px; display: grid; grid-template-columns: repeat(auto-fill, 90px); min-width: 60px; max-width: calc-size(min-content, size * 1000);"></div> 8 </div>