tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

column-dense-packing-005-ref.html (890B)


      1 <!DOCTYPE html>
      2 <html>
      3 <style>
      4 .grid {
      5    display: grid;
      6    position: relative;
      7    flow-tolerance: 0;
      8    grid-template-columns: repeat(3, 50px);
      9    grid-template-rows: grid-lanes;
     10    grid-auto-flow: dense;
     11 }
     12 </style>
     13 <body>
     14  <p>Ensure that we prioritize the highest track-opening over the start-most track opening.</p>
     15  <div class="grid">
     16    <div style="background: lightskyblue; height: 20px;" >
     17      1
     18    </div>
     19    <div style="background: lightblue; height: 20px;" >
     20      2
     21    </div>
     22    <div style="background: yellow; height: 20px;" >
     23      6
     24    </div>
     25    <div style="background: darkblue; height: 20px; grid-column: span 3;">
     26      3
     27    </div>
     28    <div style="background: lightsteelblue; height: 20px; grid-column: 2 / span 2;" >
     29      4
     30    </div>
     31    <div style="background: darkblue; height: 20px; grid-column: span 3;">
     32      5
     33    </div>
     34  </div>
     35 </body>
     36 </html>