column-auto-repeat-027.html (973B)
1 <!DOCTYPE html> 2 <html> 3 <title>Auto repeat tracks with fixed size and replaced items</title> 4 <link rel="help" href="https://drafts.csswg.org/css-grid-3"> 5 <link rel="author" title="Alison Maher" href="mailto:almaher@microsoft.com"> 6 <link rel="match" href="column-auto-repeat-027-ref.html"> 7 <style> 8 .grid-lanes { 9 display: grid-lanes; 10 flow-tolerance: 0; 11 grid-template-columns: repeat(auto-fill, 100px); 12 width: 400px; 13 gap: 10px; 14 } 15 16 img { 17 width: 100%; 18 height: auto; 19 display: block; 20 } 21 </style> 22 <div class="grid-lanes"> 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 <img src="resources/pink-image.png" width="113" height="120"></img> 27 <img src="resources/pink-image.png" width="113" height="120"></img> 28 <img src="resources/pink-image.png" width="113" height="120"></img> 29 </div> 30 </html>