今天完成的事情：

早上整改任务一代码和尺寸的问题，还有修改空间，明天补上

第一张图没遇到什么问题

之后做第三张图

这张图遇到的难点用红色圈住了，用justify-content:space-between，这一行俩个元素 无法做到和上一行一样

之后用<p>标签建了一个和文字高 宽 背景颜色一样的方块实现了，不知道这样可以不。。。 透明度度娘一搜就有

第二张图虽然做出来了但是效果不是很满意，又重新做了几遍，挺熟悉了，但是效果还不是特别好

上图是用 任务一的原理，浮动，做的，发现2-3个问题

宽度溢出，这个问题可以理解为加加加 超过了容器本身的宽度，虽然把最下方的固定宽度从100，减到94就好了，还是需要理解问题，目前不是特别明白，明天查一下相关资料弄明白

还有问题是点击之后整个图会动一下 然后填满空间。。。。。但是我接连试了几下 发现又没这个问题了。。。

找出为何宽度在超过768，低于320时正方形会变形的原因并解决掉

用相对定位和绝对定位重新写一遍试试，那会只用绝对定位下面的四个图标会跑掉，结合下就好了

对hover的理解就是  通过谁，触发谁。应该是这个意思

又发现一个问题   这个空白   还有就是缩小 之后  最下方的固定定位栏在下面脱离主题了。。。。

明天计划的事情：

把任务一修改好，任务二的音频放上，把上面发现的问题列出优先级，一 一解决

遇到的问题：

自适应 宽度溢出的问题

收获：

对第二行图基本理解透彻了    学到的知识运用更加灵活