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