Grid实现九宫格布局？N宫格怎么实现？

现在无论做app还是做网站，宫格的布局也都是必然存在的，那么我们css如何实现九宫格布局呢？在css环境下，通过grid布局可以实现九宫格，并且支持设置有边框或者无边框，每个格子是否成正方形？
@include grid(3, 3, true); // 3 x 3, 有边框, 且每个格为正方形
@include grid(2, 5, false, false); // 2 x 5, 无边框
九宫格布局代码
.container {
width: 300px;
height: 300px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
grid-gap: 8px;
border: 1px solid #fac;
padding: 8px;
}


【SEO优化】网站优化中SEO策略的作用
网站建设后怎么提高用户互动性
香港云服务器不能正常关机/重启，可能是这些原因
网站关键词排名持续下滑，原因是哪些?
失去网络后是一个怎样的体验
企业网站建设的重要性主要体现在哪些方面
与传统网站建设相比，延庆响应式网站建设有什么优势？
网站快速排名的实现方式有哪些