<!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>