移动端HTML Header显示不全求助（GitHub Pages作品集）

我近期用HTML制作了个人作品集并部署在GitHub Pages，但在移动端打开网站时，Header部分无法完整显示，问题截图如下：

相关代码片段：

<!-- Wrapper -->
    <div id="wrapper">

        <!-- Header -->
            <header id="header">
                <h1>Georges Elkassouf</h1>
                    <p>Data Analyst
            </header>

我之前没有HTML/CSS相关经验，恳请大家帮忙解决这个问题。我的GitHub仓库是georgeselkassouf/portfolio。

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