网格自动响应非常好，即列数将根据可用宽度进行调整。
不幸的是，似乎只有列本身可以响应，网格本身的宽度占用了所有可用空间。是否可以将网格的宽度限制为其列的总宽度（加上任何间隙和填充）？
例如，如果我将网格定义为：
grid-template-columns: repeat(auto-fit, 300px);
gap: 10px;
我希望网格在显示两列时具有610px的内部宽度，在显示三列时具有920px的内部宽度。应该将其限制为该宽度，而不要填充其父级的可用宽度。
请参阅this example以了解我在说什么。