今天完成的事

        修改了任务八的一些错误，学习到了一些新知识，  知道了grid的使用  可还是不太熟悉，

   学到的知识， grid网格的使用

     CSS Grid 布局由两个核心组成部分是 wrapper（父元素）和 items（子元素）。 wrapper 是实际的 grid(网格)，items 是 grid(网格) 内的内容。

    如何使用：  在任何的父容器的 加   属性 display: grid;  就可以使用

       接下来就是区划格子   

       父容器的属性 

1. grid-template-columns: 100px 100px 100px;
2.    grid-template-rows: 50px 50px;

         grid-template-columns  是    设置  列    后面的值是    列的宽度

         grid-template-rows 是    设置   行    后面的的是        行的高度

        子容器的属性

1. grid-column-start: 1;
2.    grid-column-end: 4;

          说白了就是设置 子容器的宽度    他的简写方式       grid-column: 1 / 4;    可这样

     明天计划的事

         完成任务  八   任务九    提交

     遇到的问题

            任务八的   友情链接还不会  写   栅格系统也 理透了就是写不出来    想要的效果来

        明天查查资料在看看