如何在移动设备上每行获得3个图像链接，而不是2个
How to get 3 image links per line instead of 2, on mobile

您需要将宽度减小为： width: 29%; 并关闭clear: both; 在odd课上。

像这样：

.odd {
  clear: none;
  float: left;
}

.recipes-bottom .featuredpost .post {
  width: 29%;
  margin: 20px 5px 0px;
}
@media (max-width: 480px) {
  .recipes-bottom article, .home-middle article {
    float: none;
    clear: none;
    display: inline-block;
    height: 150px;
    vertical-align: middle;
  }
}