nested-grid-item-block-size-001.html (852B)
1 <!DOCTYPE HTML> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html><head> 7 <link rel="author" title="Sean Feng" href="mailto:sefeng@mozilla.com"> 8 <title>CSS Grid Test: Nested grid contains an item that overflows the viewport</title> 9 <link rel="help" href="https://drafts.csswg.org/css-grid"> 10 <link rel="match" href="nested-grid-item-block-size-001-ref.html"> 11 <style> 12 .container { 13 display: grid; 14 grid-auto-flow: column; 15 list-style: none; 16 padding: 0px; 17 margin: 0px; 18 } 19 20 img { 21 block-size: 55vw; 22 aspect-ratio: 2/1; 23 } 24 </style> 25 </head> 26 <body> 27 <ul class="container"> 28 <li> 29 <div style="display: inline-block;"> 30 <div style="display: grid;"> 31 <img src="support/colors-8x16.png"> 32 </div> 33 </div> 34 </li> 35 </ul> 36 </body> 37 </html>