column-track-sizing-004-ref.html (497B)
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-columns: 20px 1fr 30%; 8 width: 100px; 9 height: 100px; 10 } 11 </style> 12 <body> 13 <p>Test that grid-lanes tracks are correctly sized with mixed definite, fr and %.</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> 19 </body> 20 </html>