今天完成的事情：

第三个页面

@media (min-width: 992px) {
  .col-md-4 {
    width: 33.33333333%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-5 {
    width: 41.66666667%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-3 {
    width: 25%;
  }
}
.minitype{
  display: inline-block;
}
.setout {
  background-color: #29b078;
  border-top: 0.1rem solid #32c068;
  color: $one;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}
.our:hover{
  border-bottom:1px solid $one;
}
.grass:hover{
  border-bottom:1px solid $one;
}

明天计划的事情：明天再自检一下，然后提交任务十四十五

遇到的问题：

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

今天遇到这三个媒体查询切换时候，会出现横向滚动条，自己找了半天也没找到原因，查资料搜的结果也很不理想，后来是大师兄看到了，告诉我给每个min-width后面的数字加18px，因为浏览器右侧的滚动条就是17px。修改后解决了这个问题。

收获：今天没有学什么新知识，这个任务就是不用框架，用纯css完成各个组件，所以用到的基本都是以前的知识。