Css 离子交换膜中的响应方格栅

我想在ionic中创建响应灵敏的方形网格，如上图所示

但是，我得到的是下图所示的东西。我在网上搜索，找不到任何不涉及使用我不想使用的图像的解决方案

---

您可以在纯CSS中完成：

*{
框大小：边框框；
}
.方形容器{
填充：8px；
}
.广场{
宽度：计算值（100%/5）；
浮动：左；
位置：相对位置；
填料底部：计算（100%/5）；
}
.广场.内容{
宽度：计算（100%-16px）；
高度：计算（100%-16px）；
利润率：8px；
填充：16px；
位置：绝对位置；
颜色：白色；
背景色：#0095ff；
盒影：0 2px 5px rgba（0,0,0,0.26）；
}

1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12