今天完成了什么：

完成任务5psd1；

今天遇到了什么问题：

        一开始想用background来当做项目符号插入html。

发现不能调图片大小，所以改为image来设置，也是弄了很久才弄出来。

iamge设置需要配合图片的高度以及margin-top、lfet和justify-content: center来使用。

代码如下：

        后来觉得用iamge设置图片比较麻烦，又再查了下资料，得知用background-size：可以设置图片的宽度长度，最后写出来花的时间比较长，所以今天的进度慢了一点，争取明天完成原稿1和部分原稿2。

       在设置底部边框的时候查了很多资料，一开始是给整个盒子添加boder，但是发现是直线，后来添加了个div空盒子然后加margin-left，显示跟原稿差不多的样式，但仔细看调试工具，发现有很大的空隙。最后把图片項目符號和住家不含餐这些文字装在一个盒子里，然后设置margin-left然后再添加底部边框就可以设置成功。弄好之后发现页面可以横向移动，再仔细检查发现是margin+width>100%了，所以盒子的宽用了calc属性减去margin-left的间距calc(100% - 1.65rem);才显示正常。

       检查页面发现头部的返回图标和个人主页实际不在一条水平线上，后来检查是头部的class使用了弹性盒子，代码布局是<div><image></div>弹性盒子作用于子集。不作用于孙子集，因此导致不在一条水平线，后来删除了的div才使其顯示正常。

明天计划：

完成原稿1.完成部分原稿2。

收获了什么：

学会了calc的使用，图片可以横向移动要考虑到是不是width+margin>100%。如果超过了就需要用到calc来配合使用，

flex弹性盒子作用于儿子元素，不作用于孙子元素，用弹性的时候检查上下代码是不是因为盒子导致的。

学会background:url()作为项目符号使用。