grid网格布局之骰子案例

上次用的flex布局做的骰子，这次用grid网格布局来做。
点数1—5用3行3列的网格，点数6用3行2列的网格就ok啦

html：

css：点数1—5的网格结构都是3行3列的 （红框中的结构相同），再利用grid-area找到指定的位置即可
点数1：

点数2：

点数3：

点数4：

点数5：

点数6：3*2的网格

运行结果：