Html 类似于“联系我们”的博客页面在页面的一半显示内容

此页面是“我的联系方式”页面仅在手机上显示页面右半部分的内容，但在桌面上显示正确

它只在页面的一半显示它们的内容，而在所有屏幕大小上留下另一半空白。我已经调整了我的HTML源代码，但无法得到导致这种情况的原因

我使用的是响应模板，我不明白为什么会发生这种错误

---

请帮助我

，因为您的媒体查询可以在视口宽度<760px（移动）上运行

只要删除这个css选择器，页面就会看起来很好

---

请您用html代码告诉我应该删除哪一部分，因为我不太熟练。我的问题已经解决，但手机主页上的缩略图看起来更小。在我删除了您之前给我的css代码后，请帮我解决这个问题

@media screen and (max-width: 480px) {
  .post {
     width: 41%
   }
}
@media screen and (max-width: 568px) {
  .post {
     width: 28.5%
   }
}
@media screen and (max-width: 760px) {
  .post {
     width: 29%
   }
}