首先我们先将模块1关闭，模块2使用CSS网格

display: none;

  .container--2 {
    /* STARTER */
    font-family: sans-serif;
    background-color: black;
    font-size: 40px;
    margin: 100px;

    width: 1000px;
    height: 600px;

    /* CSS GRID */
    display: grid;
  }

然后我们常间一个三列两行的网格

grid-template-columns: 125px 200px 125px;
grid-row: 250px 100px;

关于对齐的一些参数

● 水平居中对齐

justify-content: center;

● 垂直居中对齐

align-content: center;

● 水平平均分布（垂直平均分布同理）

justify-content: space-between;
align-content: center;

内部元素对齐

● 向元素底部垂直

align-items: end;

● 向元素中心对齐

align-items: end;
justify-items: center;

● 注：（3）单独写了固定高度

单独元素对齐

● 垂直和水平居中

align-self: center;
justify-items: center;