您可以通过在.nav-links下的CSS中将display: flex;更改为display: inline-block;来使导航链接堆叠
如果您希望中间的文本更小，您可以简单地更改CSS的这一部分中的字体大小：

.content h1 {
    font-size: 50px;
    font-family: 'Raleway', sans-serif;
    padding: 20px;
}
.content h1 div {
    font-size: 30px;
}

现在把所有这些放在一起，这样这只会发生在手机和小屏幕上，你可以简单地把这个代码添加到你的CSS下的媒体查询如下：

@media (max-width: 750px) {
  .nav-links {
    display: inline-block;
    align-items: center;
}
  
  .content h1 {
    font-size: 25px;
    font-family: 'Raleway', sans-serif;
    padding: 20px;
}
.content h1 div {
    font-size: 12px;
}
  
}

下面是它的工作原理：
第一次