今天完成的事情：

完成任务八、九的第三个页面

.error{
    color: #29b078;
}
.murphy:hover .error{
    color: #ff640c;
}
.box-look{
    margin-bottom: 15px;
}
.box-love{
    margin-bottom: 30px;
}
.tactic{
    border: 1px solid #e6e6e6;
}
.stand{
    float: left;
    margin-left: 5px;
}
@media (max-width: 600px) {
    .stand {
        float: none;
        width: 98%;
        height: 100%;
    }
}
.company{
    padding: 40px;
}
.like p{
    padding: 20px;
}

明天计划的事情：明天计划再完善一下任务八、九的几处小问题，然后把任务八、九提交了。

遇到的问题：相对于前两个而言，第三个的页面就显得很简单的了，基本上没什么太难的地方，一些小问题可以自主解决。

收获：我感觉自己对Bootstrap和Grid 布局更加的熟练了，Bootstrap 包含了一个响应式的、移动设备优先的、不固定的网格系统，可以随着设备或视口大小的增加而适当地扩展到 12 列。它包含了用于简单的布局选项的预定义类，也包含了用于生成更多语义布局的功能强大的混合类。Grid 布局是网站设计的基础，CSS Grid 是创建网格布局最强大和最简单的工具。对于Web的布局，它将是一个永恒的话题。如果你对布局相关的知识有所了解，你应该知道，在CSS Grid出来之前，所有的布局方案都是针对的。直到CSS Grid出来之后，才有了二维的布局。就在此时，CSS Grid布局能解决很多以前一直无法解决的布局方案。