tor-browser

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

row-dense-packing-multi-span-004-ref.html (855B)


      1 <!DOCTYPE html>
      2 <html>
      3 <style>
      4 .grid {
      5    display: grid;
      6    grid-template-rows: repeat(4, 50px);
      7    grid-template-columns: repeat(2, 20px) 40px repeat(2, 20px);
      8    grid-auto-flow: column;
      9 }
     10 </style>
     11 <body>
     12  <p>Ensure that dense-packing in grid-lanes only places items with specified tracks into track openings in those same specified tracks.</p>
     13  <div class="grid">
     14    <div style="background: brown; width: 20px; grid-row: span 2;"></div>
     15    <div style="background: pink; width: 20px; grid-row: span 2;"></div>
     16    <div style="background: darkgoldenrod; width: 20px; grid-row: span 4;"></div>
     17    <div style="background: yellow; width: 20px; grid-row: 1 / span 2;"></div>
     18    <div style="background: tan; width: 40px; grid-row: 3 / span 2;"></div>
     19    <div style="background: brown; width: 20px; grid-row: span 4;"></div>
     20  </div>
     21 </body>
     22 </html>