我希望有人能帮助我指导我的投资组合页面故障排除。我目前在一些事情上有问题，我不知道为什么或者如何处理它们。当我试图在已部署链接的平板/移动视图中查看它们时，其布局与使用npm start运行实时服务器时完全不同。
关于手机和平板电脑视图中的section的第一个问题是每个段落以列显示，黑色背景没有覆盖所有的文本或图像。
第二个问题是，即使文本颜色设置为黑色，联系人页面也不会在移动设备上显示链接，并且联系人标题没有显示在页面上。
它是用React制作的。下面是部署的链接和到github的链接。
https://refactored-potato.netlify.app/https://github.com/GSometimes/refactored-potato
如果你能帮助我解决这个问题，我将非常感激。
谢谢。
第一条建议是，你已经使用了太多的CSS，请只使用你真正需要的。你不需要在每个元素上使用每个css属性。
你的文本/段落在列中显示，因为它们的父元素的显示样式首先被设置为inline，然后是flex。要么不要用，要么写display: block