CSS网格，具有两列，每行可动态容纳两个项目

我正在尝试使此布局与CSS网格配合使用：

所以基本上我有

input

和

textarea

。textarea将采用2个输入的大小，因此，如果上一列中有textarea，我希望下一列可以容纳2个输入。输入/文本区域的数量会有所不同（它来自后端）

这是否仅适用于CSS网格

这就是我目前的情况：

.textContainer{
显示：网格；
网格模板列：重复（2，1fr）；
网格间距：.75rem 1rem；
}
.输入组{
显示器：flex；
弯曲方向：立柱；
}
.输入{
边框：1px实心gainsboro；
边界半径：8px；
边缘顶部：.5rem；
填充：0.5雷姆1雷姆；
调整大小：无；
}

标签1
标签2
标签3
标签4
标签5
标签6
标签7
标签8
标签9

告诉textarea项目跨越两行

然后输入将填充文本区域的第二行

/*新增*/
[文本区域]{
网格行：跨度2；
}
/*原始代码*/
.textContainer{
显示：网格；
网格模板列：重复（2，1fr）；
网格间距：.75rem 1rem；
}
.输入组{
显示器：flex；
弯曲方向：立柱；
}
.输入{
边框：1px实心gainsboro；
边界半径：8px；
边缘顶部：.5rem；
填充：0.5雷姆1雷姆；
调整大小：无；
}

标签1
标签2
标签3
标签4
标签5
标签6
标签7
标签8
标签9

太棒了！非常感谢：）