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>