今天完成的事情：

任务八、九第二个页面的grid布局

.move{
    color: #999;
    margin-right: 10px;
}
.exploit{
    margin-right: 20px;
}
.maintain{
    color: black;
}
.maintain:hover{
    color: #fff;
    background-color: #29b078;
    text-decoration: none;
}
.wrapper{
    display: grid;
    border: 1px solid #d0d6d9;
    color: #c6c6c6;
    max-width: 450px;
}
.wrapper{
    display: grid;
    position: relative;
    grid-template-columns: 42% 0 58% 0 0 0 0;
    grid-template-rows: auto 0 auto 0 auto;
    color: #c6c6c6;
    margin-bottom: 30px;
}
.box-one{
    background-image: url(../img/tsk8.2.2.png);
    background-repeat: no-repeat;
}

明天计划的事情：完成任务八、九的第二个页面，并开始第三个

遇到的问题：问题不是很多，但大部分都能自主解决，就是搜搜百度，完了之后自己在试试。

收获：今天又看了看grid布局，发现自己理解的的还不够，不像其他的布局方式，设置元素大小均要在该元素本身，而在 Grid 布局中，我们在元素的容器级别去设置元素的大小。 我们通过定义网格轨道（Track），创建出网格单元格（Cells），并将内容至于单元格之中。

为了使得内容能都在超出或者小于设计预期时能够灵活的展现， Gird 给 CSS 带来了一些新的特性。 其中一个就是 minmax() 函数。 这个函数意味着你能够指定一个网格轨道的最小值和最大值。在下面的例子中，我有一个左上角放置标题右边放置图片的小板块。 我想顶行的最小值为 150px 高， 无论标题有多少行或其他内容所需的空间大小。然而， 如果内容需要占用多行或者字体更大， 我想这个容器能够增大到 150px 以上。 此时在这里使用 minmax(), 设置最小值为 150px 以及一个最大值为 auto。