CSS网格删除空的、未使用的空间

我正在尝试在CSS中创建一个具有grid属性的导航栏。我想做的就是删除空的网格空间，使设计看起来更好

以下是设计最初的样子：

我希望通过使用以下代码使其具有响应性：

.nav{
显示：网格；
栅隙：.25em；
网格模板列：重复（自动拟合，最小值（200px，1fr））；
}
.导航儿童{
宽度：100%；
文本对齐：居中；
边框：1px纯黑；
}

联系我们
关于我们
随机的
更多文本

这比CSS网格更适合flexbox：

.nav{
显示器：flex；
柔性包装：包装；
}
.导航儿童{
最小宽度：200px；
弹性：1；
边缘：0.125em；
文本对齐：居中；
边框：1px纯黑；
}

联系我们
关于我们
随机的
更多文本

太棒了！在我的研究中，我听说flexbox主要是一维的，但这肯定证明我错了。我从哪里听说的？？？@JackWright可能你理解了一维的错误。。。flexbox基本上是一个方向（列或行），但我们可以进行换行，以便在空间不足时元素可以转到下一行或下一列