今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin） 

1、完成了首页的代码编写。

这个任务的重点就是自己编写栅格布局，所以只要是栅格布局写出来了，后面就直接跟着套用就行了。前面我也写了栅格布局的写法，栅格写出来后把整个页面分成了12列，就像之前引用bootstrap一样，一行分成多少列。然后其他的需要调节的地方就用媒体查询来解决。

     还是一样使用flex来解决布局问题。写起来还是比较简单的，就是在写到主体的时候遇到一个问题，后面在排查的时候发现是没有定宽，

   之前是直接给p标签的文字用padding值来固定文字在框内移动，因为文字多少的问题，所以设了padding值后布局发生了变化，因为文字多少的原因会影响每个p标签，用flex后排列没有对齐，最后在给p标签设置固定width后就解决这个问题了。

因为是自己写的栅格系统，所以在写的时候有一些细节上的问题和用bootstrap还是有区别的。需要写出来后再去调试。

明天计划的事情：（一定要写非常细致的内容） 

接着完成任务的剩下的两个页面。

遇到的问题：（遇到什么困难，怎么解决的） 

因为前面遇到的问题不是因为定宽的问题就是因为定高的原因，所以现在在写代码的时候，会尽量不给父级设置固定的宽高，用子级内容去撑开父级的内容。

收获：（通过今天的学习，学到了什么知识）

重新回顾下自己写的任务8.9代码，然后简化之前的代码，把模块尽量分开写，方便后期维护。