grid-item-no-aspect-ratio-stretch-1.html (937B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>stretching works for replaced items with no aspect ratio</title> 4 <link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io"> 5 <link rel="author" title="Mozilla" href="https://mozilla.org"> 6 <link rel="help" href="https://drafts.csswg.org/css-grid"> 7 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1656281"> 8 <link rel="match" href="grid-item-no-aspect-ratio-stretch-1-ref.html"> 9 <style> 10 body { 11 line-height: 0; 12 } 13 14 div { 15 display: inline-grid; 16 height: 250px; 17 width: 350px; 18 background: purple; 19 margin: 10px; 20 vertical-align: top; 21 } 22 23 svg { 24 background: green; 25 } 26 27 .justify { 28 justify-self: stretch; 29 } 30 .align { 31 align-self: stretch; 32 } 33 </style> 34 <div> 35 <svg class="align justify"></svg> 36 </div> 37 <div> 38 <svg class="align"></svg> 39 </div> 40 <div> 41 <svg class="justify"></svg> 42 </div> 43 <div> 44 <svg></svg> 45 </div>