今天完成的事情：

修改任务七的几处BUG

看了bootstrap排版

响应式设计

.over{
    width: 100%;
    height: 80px;
    background-color: rgba(33, 150, 243, 0.44);
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    bottom: 0;
}
a{
    text-decoration: none;
}
.recur{
    width: 40%;
    height: 60px;
    background: #f66f6f;
    font-size: 1.5rem;
    text-align: center;
    border-radius: 10px;
    line-height: 56px;
}
.share{
    width: 40%;
    height: 60px;
    background: #fbb435;
    font-size: 1.5rem;
    text-align: center;
    border-radius: 10px;
    line-height: 56px;
}

明天计划的事情：继续任务八，以及看任务八要学习的资料

遇到的问题：任务七的几处BUG倒是没有特别难的，这些问题自己都能自己搜到答案，不过就是任务八的bootstrap、排版、响应式布局，这些晚上看了看也试着做了，不过还是没看太明白，做出来的都不理想，不过我还想再试试，等实在不行了，再去请教师兄。

收获：今天看了响应式设计算是了解了点，响应式设计是一个网站搭建的实践尝试，他使得每种设备和屏幕尺寸都能很好的工作，而不论是大屏还是小屏，手机或是pc。响应式设计关注于提供每个人一个直观的感受和满足。使得pc和手机用户都能够从中受益。响应式和自适应的关系很密切，经常二者是互通的。响应式通常意味着对待任何变化，反应更积极更快。而自适应往往是应对一个新需求或是情况的被动反应，例如变化。响应式设计应对不同因素的变化，都会很流畅自如，例如设备宽度。而自适应设计会基于一定的因素搭建。将二者结合是一种理想化，提供一个完美功能模式的网站，这个术语不会产生很大的歧义。另一方面，移动设备，通常意味着需要为移动用户，专门搭建一个移动网站。然而这样做可能有些作用，却不是很好的主意。移动网站要求必须非常轻巧，然而他又很依赖一个新的代码库和浏览器的嗅探。所有的这些都是摆在开发者和用户面前的一个障碍。响应式设计主要有三部分组成：流式布局，媒体查询和灵活的媒体类型。第一部分，流式布局，就是用灵活的网格搭建一个网站布局，它可以动态的调整以适应于任何宽度。网格布局使用相对长度单位，通常是百分比或是em。这些相对长度多用于网格，诸如宽度，间距或是留白等属性。