grid-lanes-not-inhibited-001-ref.html (714B)
1 <!DOCTYPE HTML> 2 <meta charset="utf-8"> 3 <title>CSS Grid Reference</title> 4 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> 5 <style> 6 grid { 7 vertical-align: top; 8 display: inline-grid; 9 grid-template-columns: 60px 60px; 10 grid-template-rows: 60px; 11 border: 2px solid black; 12 } 13 item { 14 width: 60px; 15 height: 60px; 16 background: cyan; 17 } 18 .tall { 19 background: tan; 20 } 21 </style> 22 <grid> 23 <item class="tall"></item> 24 <item></item> 25 </grid> 26 <grid class="overflowSet"> 27 <item class="tall"></item> 28 <item></item> 29 </grid> 30 <grid class="containSet"> 31 <item class="tall"></item> 32 <item></item> 33 </grid> 34 <grid class="containSet overflowSet"> 35 <item class="tall"></item> 36 <item></item> 37 </grid>