如何用Tailwind CSS消除页面水平滚动？代码问题求助

• 页面无预期出现水平滚动条，检查样式配置未发现明显错误。
• 测试发现将浏览器缩放至50%，当Home组件完全适配视口时，垂直和水平滚动条均消失。
• 替换为其他组件后，水平滚动问题仍然存在，推测问题根源在当前使用的组件代码中。

相关组件代码 #

Main组件代码 #

// 请在此处粘贴Main组件的React代码

Home组件代码 #

// 请在此处粘贴Home组件的React代码

问题截图 #

希望大家帮忙排查问题原因并给出解决方向。

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