row-item-minmax-img-002-ref.html (522B)
1 <!DOCTYPE html> 2 <style> 3 .grid { 4 display: inline-grid; 5 grid-template-rows: minmax(auto, 0); 6 border: 5px solid goldenrod; 7 } 8 .spacer{ 9 height: 10px; 10 } 11 img { 12 border: 2px solid indigo; 13 } 14 .stretch { 15 align-self: stretch; 16 justify-self: stretch; 17 } 18 .start { 19 align-self: start; 20 justify-self: start; 21 } 22 </style> 23 <div class="grid"> 24 <img class="stretch" src="support/100x100-green.png"> 25 </div> 26 <div class="spacer"></div> 27 <div class="grid"> 28 <img class="start" src="support/100x100-green.png"> 29 </div>