column-auto-repeat-027-ref.html (667B)
1 <!DOCTYPE html> 2 <html> 3 <style> 4 .grid { 5 display: grid; 6 grid-template-columns: repeat(auto-fill, 100px); 7 width: 400px; 8 gap: 10px; 9 } 10 11 img { 12 width: 100%; 13 height: auto; 14 display: block; 15 } 16 </style> 17 <div class="grid"> 18 <img src="resources/pink-image.png" width="113" height="120"></img> 19 <img src="resources/pink-image.png" width="113" height="120"></img> 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 </div> 25 </html>