subgrid-stretch-ref.html (946B)
1 <!DOCTYPE HTML> 2 <html><head> 3 <meta charset="utf-8"> 4 <title>CSS Grid Test: The subgrid is always stretched in its subgridded dimension(s)</title> 5 <link rel="author" title="Matt Woodrow" href="mailto:mattwoodrow@apple.com"> 6 <link rel="help" href="https://drafts.csswg.org/css-grid-2/#subgrid-box-alignment"> 7 <style> 8 body { 9 margin: 0; 10 } 11 .grid { 12 display: inline-block; 13 width: 100px; 14 height: 100px; 15 background-color: blue; 16 } 17 </style> 18 </head> 19 <body> 20 <div class="grid"></div> 21 <div class="grid"></div> 22 <div class="grid"></div> 23 <div class="grid"></div> 24 25 <div class="grid"></div> 26 <div class="grid"></div> 27 <div class="grid"></div> 28 <div class="grid"></div> 29 30 <br> 31 32 <div class="grid"></div> 33 <div class="grid"></div> 34 <div class="grid"></div> 35 <div class="grid"></div> 36 <div class="grid"></div> 37 <div class="grid"></div> 38 <div class="grid"></div> 39 <div class="grid"></div> 40 41 </body> 42 </html>