grid-lanes-rows-with-grid-width-changed-ref.html (668B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com"> 5 <link rel="help" href="https://drafts.csswg.org/css-grid-3"> 6 <meta name="assert" content="When the width of the grid-lanes grid changes, items are repositioned with correct offsets and are not overlapping"> 7 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> 8 <style> 9 grid { 10 display: grid; 11 width: 1%; 12 grid-template-columns: auto; 13 grid-gap: 10px; 14 font-family: Ahem; 15 font-size: 40px; 16 } 17 item { 18 background-color: grey; 19 } 20 </style> 21 </head> 22 <body> 23 <grid> 24 <item>Hello, world!</item> 25 <item>2</item> 26 </grid> 27 </body> 28 </html>