grid-in-table-cell-with-img.html (658B)
1 <!DOCTYPE html> 2 <html> 3 <link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com"> 4 <link rel="help" href="https://drafts.csswg.org/css-grid-2/#grid-item-sizing"> 5 <link rel="match" href="../reference/ref-filled-green-100px-square-only.html"> 6 <meta name="assert" content="Percent height image resolves against grid area size"> 7 <style> 8 .cell { 9 display: table-cell; 10 } 11 .grid { 12 display: grid; 13 grid-template: 100px / 100px; 14 } 15 img { 16 height: 100%; 17 } 18 </style> 19 <body> 20 <p>Test passes if there is a filled green square.</p> 21 <div class="cell"> 22 <div class="grid"> 23 <img src="grid-items/support/200x200-green.png"> 24 </div> 25 </div> 26 </body> 27 </html>