| <!DOCTYPE html> |
| <html> |
| <head> |
| <style type="text/css"> |
| .item { |
| background-color: blue; |
| } |
| </style> |
| </head> |
| <body> |
| <h1>Description</h1> |
| <p>Flex and content sized column should use all the available width and you should not see the grid background (grey at the end).</p> |
| <h1>Grid 1 flex column</h1> |
| <div> |
| <div class="item">grid item</div> |
| </div> |
| <h1>Grid 1 auto column</h1> |
| <div> |
| <div class="item"> |
| grid item grid item grid item grid item grid item grid item grid item grid item grid item grid item |
| grid item grid item grid item grid item grid item grid item grid item grid item grid item grid item |
| grid item grid item grid item grid item grid item grid item grid item grid item grid item grid item |
| grid item grid item grid item grid item grid item grid item grid item grid item grid item grid item |
| </div> |
| </div> |
| </body> |
| </html> |