https://github.com/donnieberry97/portfolio
https://donnieberry97.github.io/portfolio/
我已经链接了我的github和我的网站。我正在努力建立我的投资组合网站，所以它还处于早期阶段。
我已经建立了大部分的桌面视图，我现在正试图建立移动网站。然而，当我缩小网站时，网站在移动设备上完全崩溃了。
在手机视图中，右侧的整个页面似乎有一个全局空白，我不知道是什么，有人能帮忙吗？
在页面的下方，您有一个用非常大的字体写的电子邮件地址：
<a class="email" href="mailto:donniejrberry@gmail.com">donniejrberry@gmail.com</a>
由于邮件地址不包含空格，它被保存在一行中，但由于您使用了相当大的字体大小，这比body宽！这会迫使整个页面与邮件地址一样宽，因此会生成一个水平滚动条，因为它比视口宽。
解决方案：在移动版本中，对该线路使用较小的font-size。
对于其他不太好看的东西，也可以对许多元素使用媒体查询和较小的字体大小。