auto-track-sizing-002-ref.html (1267B)
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 <meta charset="utf-8"> 8 <title>Reference: subgrid auto track sizing</title> 9 <link rel="author" title="Matt Woodrow" href="https://bugs.webkit.org/show_bug.cgi?id=236951"> 10 <style> 11 html,body { 12 color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0; 13 } 14 15 .grid { 16 display: inline-grid; 17 max-width: 260px; 18 padding: 1px 5px; 19 border: 1px solid; 20 grid-template-columns: 100px; 21 } 22 .subgrid { 23 display: grid; 24 grid-template-columns: 100%; 25 margin: 0px 10px 0px 10px; 26 background: grey; 27 } 28 29 </style> 30 </head> 31 <body> 32 33 <article class="grid"> 34 <div class="subgrid"> 35 The cat can not be separated from milk 36 </div> 37 </article> 38 39 <article class="grid"> 40 <div class="subgrid"> 41 The cat can not be separated from milk 42 </div> 43 </article> 44 45 <article class="grid"> 46 <div class="subgrid"> 47 The cat can not be separated from milk 48 </div> 49 </article> 50 51 <article class="grid"> 52 <div class="subgrid"> 53 The cat can not be separated from milk 54 </div> 55 </article> 56 57 <article class="grid"> 58 <div class="subgrid"> 59 The cat can not be separated from milk 60 </div> 61 </article> 62 63 </body> 64 </html>