Html 网格CSS导航栏样式问题

我想让我的导航栏下拉显示的内容下的“关于”在3列使用CSS网格（如下图所示）。我希望“导航第一列”中的内容位于第一列，“导航第二列”中的内容位于第二列，“导航第三列”中的内容位于第三列。然而，不管我怎么做，“About”下的内容似乎只显示在一列中

。导航栏主菜单。下拉菜单：第n个子菜单（2）ul li{
显示：网格；
网格模板列：150px 150px 150px；
网格自动行：自动；
网格间距：1米；
}
.导航第一列{
网格柱：1；
}
.nav第二列{
网格柱：2；
}
海军第三纵队{
网格柱：3；
}

项目
以人为本的设计
外展服务
关于





























团队

。导航栏主菜单。下拉菜单：第n个子菜单（2）ul li{
显示：网格；
网格模板列：150px 150px 150px；
网格自动行：自动；
网格间距：1米；
}
.导航第一列{
网格柱：1；
显示：内联网格；
}
.nav第二列{
网格柱：2；
显示：内联网格；
}
海军第三纵队{
网格柱：3；
显示：内联网格；
}

项目
以人为本的设计
外展服务
关于





























团队