row-auto-repeat-012-ref.html (488B)
1 <!DOCTYPE html> 2 <style> 3 .grid { 4 display: grid; 5 border: solid thick; 6 margin: 10px; 7 grid-template-rows: repeat(auto-fill, 50px 50px); 8 grid-template-columns: auto auto; 9 grid-row-gap: 100px; 10 height: 300px; 11 width: min-content; 12 background: pink; 13 } 14 .grid > div { 15 background: lime; 16 width: 50px; 17 height: 100%; 18 } 19 </style> 20 <p>The test passes if it has the same visual effect as reference.</p> 21 <div class="grid"> 22 <div></div> 23 <div></div> 24 <div></div> 25 <div></div> 26 </div>