positioned-grid-items-023-ref.html (607B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Grid Layout Test: Positioned grid items reference file</title> 4 <style> 5 #grid { 6 display: inline-grid; 7 grid-template-columns: 50px 50px; 8 grid-template-rows: 50px 50px; 9 background-color: blue; 10 } 11 #child { 12 grid-area: 2 / 2 / 2 / 2; 13 width: 50px; 14 height: 50px; 15 background-color: green; 16 } 17 #grandchild { 18 width: 25px; 19 height: 25px; 20 background-color: red; 21 } 22 </style> 23 24 <p>Test passes if it matches the reference.</p> 25 26 <div id="grid"> 27 <div id="child"> 28 <div id="grandchild"></div> 29 </div> 30 </div>