Javascript 移动导航栏显示彼此相邻的选项，而不是彼此下方的选项

该网站的网址是

我有这个移动导航栏，但选项应该在彼此下方，而不是相邻。

---

试试这个

---

在这种情况下，

显示：网格可以解决您的问题。但由于它可以在所有尺寸下工作，因此仅限于移动屏幕，您可以将CSS包装在媒体查询块
@media（最大宽度：1000px）{}
试试看：

你好，阿西夫，非常感谢。这确实解决了问题，但现在导航栏在不在移动视图中时也显示为网格，这不是我想要的。然后我请求您详细说明您的要求。欢迎使用堆栈溢出！寻求代码帮助的问题必须包含在问题中重现问题所需的最短代码，最好是在堆栈片段中。虽然您提供了一个链接，但如果该链接无效，您的问题对其他将来遇到相同问题的用户将毫无价值。看见
@media (max-width: 1000px) {
    .navigation {
    display: grid;
}