今天完成的事情

        布局底部、布局中间部分第一行。

        布局底部：底部在之前的任务中也有，所以可以比较快速完成，利用 flex   justify-content:space-around每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍。图标下的文字组合可以两个 div ，麻烦的话一个div +换行属性或者行高属性也可以。

        中间布局：看似简单，其实需要注意的细节很多，不可能只靠一两个盒子解决。

解决想法

每个框都是一个div容器，左右两个容器主轴两端对齐，保证拉开两部分都靠紧两侧，左边容器内部设置flex，主轴方向向下，也是两端对齐。

       明天设置好右边就差不多完成中间部分第一行。剩下的行数可以通过复制粘贴第一行改文字形成。

明天计划的事情

        完成静态页面的整体布局，添加任务要求的细节

遇到的困难

        虽然中间布局有了想法，但是操作中也遇到许多细节问题，大部分百度解决。有一没解决的问题。

这是询问师兄的问题，之后直接调整解决了，但是不明白其中原理，调整时把图片的 margin-bottom 调为0，得到对齐。

这是有margin-bottom的图   图片的margin-bottom 与文字margin-bottom一致，但是不对齐。

为什么删除margin-bottom得到解决问题呢

收获

        任务6对盒子、flex等运用很多，可以对其的认识得到加强。