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