row-auto-repeat-025-ref.html (711B)
1 <!DOCTYPE html> 2 <html> 3 <style> 4 .grid { 5 display: grid; 6 grid-auto-flow: column; 7 grid-template-rows: repeat(auto-fill, 100px); 8 height: 400px; 9 width: 150px; 10 gap: 10px; 11 } 12 13 img { 14 height: 100%; 15 width: auto; 16 display: block; 17 } 18 </style> 19 <div class="grid"> 20 <img src="resources/pink-image.png" width="113" height="120"></img> 21 <img src="resources/pink-image.png" width="113" height="120"></img> 22 <img src="resources/pink-image.png" width="113" height="120"></img> 23 <img src="resources/pink-image.png" width="113" height="120"></img> 24 <img src="resources/pink-image.png" width="113" height="120"></img> 25 <img src="resources/pink-image.png" width="113" height="120"></img> 26 </div> 27 </html>