移动端适配问题求助：320px宽度下页面出现横向滚动条

我已完成项目开发，目前仅剩移动端适配问题待解决。页面在手机端整体显示正常，但将宽度设置为320px时，有2个区块出现横向滚动。

相关资源：

• 代码仓库：GitHub仓库
• 问题截图：
  • 320px宽度下横向滚动截图1
  • 320px宽度下横向滚动截图2
  • 320px宽度下横向滚动截图3
• 在线预览：GitHub Pages预览

我已花费大量时间排查，对比同类项目的结构与样式，二者差异不大，但同类项目不存在此问题，恳请各位协助解决。

内容的提问来源于stack exchange，提问作者Mineral