Html 使用CSS网格创建响应性瓷砖布局

我正在进入CSS网格，我想知道如何用它创建一个响应平铺式的布局，比如：

网格是一种很好的方法吗。。？标记：

.电网{ 显示：网格； 栅隙：10px； 网格模板行：50%； 网格模板列：50%50%； a{ 边框：1px纯蓝色； } } 小一点的 小一点的 小一点的 小一点的 你可以参考W3学校的

.网格容器{ 显示：网格； 网格模板列：自动； 栅隙：10px； /*背景色：番茄*/ 填充：10px； } .grid容器>div{ 背景色：淡蓝色； 颜色：白色； 文本对齐：居中； 填充：20px0； 字体大小：30px； } .项目1{ 网格行开始：1； 网格行端：3； } 1. 2. 3. 4. 5.