tor-browser

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

grid-relayout-with-nested-grid-ref.html (616B)


      1 <!DOCTYPE html>
      2 <html>
      3 <head>
      4 <meta charset="utf-8">
      5 <link rel="author" title="Brandon Stewart" href="mailto:brandonstewart@apple.com">
      6 <link rel="help" href="https://drafts.csswg.org/css-grid-1">
      7 <meta name="assert" content="Ensure text does not overflow upon re-layout of grid">
      8 </head>
      9 <style>
     10 .grid {
     11  display: grid;
     12  grid-template-columns: minmax(min-content, 100px) auto;
     13 }
     14 .nested_grid {
     15  border: 5px solid;
     16  display: grid;
     17  justify-items: baseline;
     18  overflow-wrap: break-word;
     19 }
     20 </style>
     21 <body>
     22 <div class=grid>
     23  <div class=nested_grid><p>This content will overflow.</p></div>
     24 </div>
     25 </body>
     26 </html>