今日完成的事情:

1.完成了闯关任务的修改。这里特别感谢 胡霆霁 师兄为我守关，并提出很多修改的建议和思路。感谢古尘  师姐提出的一些修改建议。

明天计划：

1.js任务一(之前已经写过)

2.进入任务二。（这里是一道坎）

遇到的问题：

这里提出古尘师姐提出的问题

1. 图片太宽 不协调。原因是我没做自适应。所以把整个页面的自适应改好。

2.文字没有垂直居中对齐。所以把右边改为inline-block 使用 vertical-align:middle 从而居中对齐。

3.task6 也是自适应问题。所以三个页面重新都改成自适应。

  刚开始学的时候知道有自适应这个概念。但总是改不好。经过后面任务的洗礼。对于前面一些自适应的疑问也渐渐解开了。

（遇到问题，自己想不出来，先去查，查到就自己做小demo测试，这样印象会比较深刻一点）

4.hover的四个小图标要分开切。四个图标代表不同的功能。可以分别添加js

5.小分辨率下文字显示不全。修改边距。

6.task12的响应式问题。感觉做这个还是要有点审美的眼光。。虽然我没有。。

胡霆霁师兄提出的问题。

1.Hover的时候一个变大一个变小。

固定宽度解决。

2. Task12 这个select 的问题。我是用绝对定位做的 。所以响应式会有重叠。

改成float 加@media来修改响应式的问题。

3. 依旧是响应式的问题。

修改为当宽度不够容纳四个块时，分成两行，一行两个。

4.两边对齐问题。因为是bootstrap会有内边距的问题。修改样式即可。

5.分辨率小时太过拥挤。所以改为小于1170分辨率时变成两行。

6.文字对齐问题。改为两端对齐即可。

7.阴影太深。

8.小分辨率时字体太小 

修改@media解决。

9.没有对齐边框

用的是bootstrap 所以只能加内边距来暴力解决了。

再次感谢两位

收获：

1.我做任务很慢，而且质量不够好。这是我需要反思的问题。在任务中发现自己的问题。积累经验，这就是目前需要做的事情。

2.js我也会好好坚持下去。除了工作睡觉以外，就做task。