row-track-sizing-003-ref.html (551B)
1 <!DOCTYPE html> 2 <html> 3 <link rel="help" href="https://drafts.csswg.org/css-grid-3"> 4 <style> 5 .grid { 6 display: grid; 7 grid-template-rows: 1fr 5fr 3fr 1fr; 8 width: 100px; 9 height: 100px; 10 } 11 </style> 12 <body> 13 <p>Test that grid-lanes tracks are correctly sized, and flexible tracks are expanded.</p> 14 <div class="grid"> 15 <div style="background-color: orange;"></div> 16 <div style="background-color: yellow;"></div> 17 <div style="background-color: blue;"></div> 18 <div style="background-color: purple;"></div> 19 </div> 20 </body> 21 </html>