今天完成的事情：今天把任务8做完的结果让师兄看了下，目前的话修改了一些小问题
明天计划的事情：任务8.9内容基本一样，所以修改下样式把任务9一块做了
遇到的问题：

     1，这个是图片排列的问题，

之前做的话是让图片产生阴影，但是有些重叠部分会挡住阴影效果，通过向师兄询问发现是在利用网格系统布局的时候出现了问题，后来有重新把布局改了下，

<div class="row justify-content-center">
    <div class="box1 col-md-6 col-xl-2 col-sm-12">
        <img src="image/task08-alibaba.png"  height="184" width="184"/></div>
    <div class="box1 col-md-6  col-xl-2  col-sm-12">

        <img src="image/task08-St97DV3v.png" height="137" width="237"/></div>
    <div class="box1 col-md-6 col-xl-2  col-sm-12">

        <img src="image/task08-huanxin.png"  height="69" width="134"/></div>
    <div class="box1  col-md-6 col-xl-2  col-sm-12">

        <img src="image/task08-ronglian.png"   height="191" width="191"/></div>
    <div class="box1 col-md-6 col-xl-2 col-sm-12">

        <img src="image/task08-qiniu.png"   height="65" width="175"/></div>
</div>

利用

justify-content-center

做到水平居中的效果，再利用

align-items: center

做到垂直居中的效果，布局方式还是采用flex布局的方式，

收获：写代码的时候要仔细一点，不该犯的错误不要犯。就今天任务才发现字体颜色这个竟然和ui图有差距，这都属于可以避免的错误，另外就是理清思路再下下手，免的写着写着无从下手。