column-initial-flow-tolerance-ref.html (716B)
1 <!DOCTYPE html> 2 <html> 3 <style> 4 .grid { 5 display: grid; 6 background: gray; 7 grid-template-columns: repeat(2, 1fr); 8 gap: 20px; 9 padding: 20px; 10 width: 400px; 11 } 12 13 .flex { 14 display: flex; 15 flex-direction: column; 16 gap: 20px; 17 } 18 </style> 19 <body> 20 <p>Test that the initial tie threshold for grid-lanes is correctly resolved.</p> 21 <div class="grid"> 22 <div class="flex"> 23 <div style="background: lightskyblue; height: 100px"></div> 24 <div style="background: lightgreen; height: 50px"></div> 25 </div> 26 <div class="flex"> 27 <div style="background: lightcoral; height: 50px"></div> 28 <div style="background: palegoldenrod; height: 100px"></div> 29 </div> 30 </div> 31 </body> 32 </html>