今天完成的事情：

grid布局

<div class="row">
    <div class="col-xs-1 col-cm-12">
        <div class="wrapper">
            <div class="box-one"></div>
            <div class="box-two"></div>
            <div class="boc-three"></div>
            <div class="box-four"></div>
            <div class="box-five"></div>
            <div class="box-six"></div>
        </div>
    </div>
</div>

明天计划的事情：明天计划完成任务八、九的第二个职工介绍页面

遇到的问题：今天一直在参考别人的任务中间的职工介绍页面是怎么实现的，师兄以后才知道用grid布局来做，仔细的看了百度来的资料，也短暂的上手试试。

收获：今天学了一个新知识点，就是grid布局，使用Grid布局非常简单，你只需要给容器（container）定义：display:grid，并设置列（grid-template-columns）和 行（grid-template-rows）的大小，然后用grid-column和grid-row定义容器子元素（grid-item项目）的位置。与flexbox布局类似，一开始项目的排列顺序并不重要，可以放置在容器的任何位置，这也使得你非常容易通过媒体查询重新排列你的项目。想象一下，当你定义整个页面的布局时，你只需要几行CSS就可以完成页面重排以便适应各种屏幕宽度，这得有多么神奇！好东西总是来的晚，不要焦躁，不要沮丧。活好每一天，自然就等到了。目前浏览器还不支持Grid布局，IE10和IE11支持老的语法。如果你想体验Grid布局的强大，推荐使用开通过“体验新功能”的Chrome, Opera 或 Firefox， Chrome:打开浏览器，输入chrome://flags，找到"experimental web platform features"，启用并重启浏览器；Opera：输入opera://flags，与Chrome一样；Firefox:输入layout.css.grid.enabled。