Css 如何制作一个响应性强的网格，当网格内容保持不变时，其利润会减少？

我正在尝试制作一个类似于此的网格：

网格周围的边距变窄，网格保持相同的宽度和纵横比，直到它通过断点变得更小

---

非常感谢您的洞察力。

您应该使用

边距：0自动

下面是一个简单的例子：


.container{
宽度：100%；
背景：红色；
高度：100vh；
}
.盒子{
宽度：400px；
背景：蓝色；
高度：100vh；
保证金：0自动；
}
希望您至少尝试自己编写代码。我建议你做一些，或者通过谷歌，或者通过搜索，尝试一下。如果仍然有问题，请返回代码并解释您尝试了什么。