写一个4x4的grid布局

根据引用[1]中的CSS代码，可以创建一个4x4的grid布局。以下是相应的CSS代码：

.grid-container {
  display: grid;
  grid-template-columns: 180px 180px 180px 180px;
  grid-template-rows: 180px 180px 180px 180px;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.grid-item {
  border: 2px solid rgb(233, 171, 88);
  border-radius: 5px;
  background-color: rgba(233, 171, 88, .5);
}

然后，根据引用[2]中的Grid.js代码，可以使用以下代码生成一个4x4的网格实例：

let grid = new Grid({
  container: document.getElementsByClassName('grid')[0], // 必须项
  colCount: 4,
  rowCount: 4,
  width: 720,
  height: 720,
});

如果你想给每个网格设置不同的样式，可以使用引用[3]中的方法`setGridStyleByIndex()`。例如，如果你想给第一个网格设置红色背景，可以使用以下代码：

grid.setGridStyleByIndex(0, {"background": "red"});

依此类推，你可以使用相同的方法为其他网格设置不同的样式。